Autor Zpráva
Petr Schut
Profil
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
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
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>

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: