Autor | Zpráva | ||
---|---|---|---|
Petr Schut Profil |
#1 · Zasláno: 23. 10. 2012, 14:24:37
Ahoj,
už se nějakou dobu mořím s problémem jednoduchého HTML menu pomocí CSS. V různých HMTL editorech s následným náhledme menu funguje bez problémů (PSPad, Gel). Pokud si soubor s menu otevřu z lokálního disku, tak se podnabídky menu nerozbalí. V případě, že html soubor umístím na síťový disk a z této cesty ho v prohlížeči otevřu, tak je také vše OK. Pokud umístím soubor s menu na Apache nebo Tomcat Apache servere, tak se opět menu nezobrazuje. Vůbec netuším, kde může být chyba. Menu je k nahlédnutí na adrese http://xboss.8u.cz/test/testmenu.html. Zdrojové soubory jsou pak v zip souboru http://xboss.8u.cz/test/testmenu.zip. Nesetkal jste se někdo s tímto problémem? Jedná se snad o nějaké nastavení v prohlížečích? Předem díky. |
||
panther Profil |
Petr Schut:
„V různých HMTL editorech s následným náhledme menu funguje bez problémů (PSPad“ PSPad zobrazuje nahledy s jadrem IE, v IE by to tedy fungovat melo. Spise tedy ale neverim tomu, ze v PSPadu to funguje. Zda zobrazujes HTML/CSS lokalne nebo na serveru, na tom nezalezi, se serverem tyto dve technologie nemaji nic spolecneho. Ja treba na Firefoxu/mac menu vidim, ale jen jeho prvni uroven - druhou mas spatne zanorenou (v seznamu mohou byt jen LI, ne UL nebo cokoliv jineho). Dale pak mas prohlizece v quirku, takze IE se na :hover mimo odkazy chytat nebude.
Spravne zanoreni ma vypadat takto: <ul> <li><a href="">polozka 1</a> <ul> <li><a href="">polozka 1.1</a> <li><a href="">polozka 1.2</a> </ul> <li><a href="">polozka 2</a> <li><a href="">polozka 3</a> </ul> |
||
Petr Schut Profil |
#3 · Zasláno: 23. 10. 2012, 15:01:37
panther:
Díky. Nakonec opravdu stačilo odstranit pouze ukončující tagy </li> a vše již funguje bez problémů.
<UL class='dropdown dropdown-linear'> <li class='dir'><a href="#">Nabidka</a><!-- </li> --> <ul> <li class='dir'><a href="#" title="Inzerce I" >Inzerce I</a><!-- </li> --> <li class='dir'><a href="#" title="Inzerce II" >Inzerce II</a><!-- </li> --> </ul> <li class='dir'><a href="#">Poptavka</a><!-- </li> --> <ul> <li class='dir'><a href="#" title="Poptavka I" >XXX I</a><!-- </li> --> <li class='dir'><a href="#" title="Poptavka II" >XXX II</a><!-- </li> --> </ul> </ul> Ještě jednou díky moc. |
||
Trejpa Profil |
#4 · Zasláno: 23. 10. 2012, 17:42:01
Petr Schut:
„stačilo odstranit pouze ukončující tagy </li> a vše již funguje bez problémů.“ Doplňuji pouze pro vysvětlení: Tím se zanořený seznam dostal tam, kam patřil - do nadřazené položky. V seznamu <ul> nesmí být nic jiného, než položky <li>, nesmí tam být ani další seznam <ul>. Ten je nutno vložit do položky nadřazeného seznamu. Špatně: <ul> <ul> <li>podpoložka</li> </ul> </ul> Dobře: <ul> <li> <ul> <li>podpoložka</li> </ul> </li> </ul> Koncová značka </li> je nepovinná a prohlížeče ji doplňují automaticky - podle nastalého případu buď před následující položku <li> nebo před ukončení seznamu </ul>. Takhle ten tvůj správný kód [#3] prohlížeče chápou: <UL class='dropdown dropdown-linear'> <li class='dir'><a href="#">Nabidka</a> <ul> <li class='dir'><a href="#" title="Inzerce I" >Inzerce I</a></li> <li class='dir'><a href="#" title="Inzerce II" >Inzerce II</a></li> </ul> </li> <li class='dir'><a href="#">Poptavka</a> <ul> <li class='dir'><a href="#" title="Poptavka I" >XXX I</a></li> <li class='dir'><a href="#" title="Poptavka II" >XXX II</a></li> </ul> </li> </ul> |
||
Časová prodleva: 11 let
|
0