Autor Zpráva
AlastorM
Profil
Dělal jsem si šablonu wordpressu a narazil jsem na problém s menu.

Kód menu:
<ul class="nabidka">
   <li>Odkaz 1</li>
   <li>Odkaz 2</li>
     <ul class="children">
        <li>Sub_odkaz 1</li>   
    </ul>
  <li>Poslední odkaz</li>
</ul>

CSS pro <ul> a <li>:
ul {list-style-type: none; margin-bottom: 0px}
li {background: url('sipka.png') no-repeat 12px 50% #ffffff; height: 30px; border-bottom: 1px solid #535353;}
li.nadpis {background: #d00000; font-weight: bold; color: #ffffff}

S tímto kódem se mi překrývalo <li>Sub_odkaz 1</li> a <li>Poslední odkaz</li>, zkusil jsem tedy do CSS vložit různé věci, ale například při:
.nabidka li {position: relative; }

se zobrazilo jen <li>Poslední odkaz</li>, při jiných nastaveních se zobrazilo jen <li>Sub_odkaz 1</li>, nikdy obě pod sebou . Zkoušel jsem různé varianty všeho jak pro .children li, .children ul, tak i pro .nabidka li a .nabidka ul.

Řeším to už od včerejšího večera, prohledal jsem už vše, co se dalo a je celkem možné, že jde jen o mališčkost, ale nedaří se mi to vyřešit.

panther:
zrovna jsem si na to vzpomněl . Web je Zde
panther
Profil
AlastorM:
dodej prosím odkaz
AlastorM
Profil
Web je http://it.alastorm.cz/. Momentálně mám nastaveno v css:

.children li {position: relative; }
Trejpa
Profil
AlastorM:
V příkladě máš špatně zanořený seznam přímo do seznamu. Vnitřní seznam musí být v položce předchozího seznamu. Na stránce to máš dobře.

Nastavuješ omezenou výšku pro položku <li> na první úrovni, ale kromě samotného textového obsahu do ní vkládáš další seznam <ul>, pro který už v ní není dostatek svislého místa a obsah přeteče.
AlastorM
Profil
Trejpa:
Vyřešeno, díky za pomoc

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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