Autor Zpráva
srigi
Profil
Nazdarte kolegovia,
uz par dni riesim problem s horizontalnym UL LI menu. Poziadavkou je pruzna sirka jednotlivych menu elementov, takze ziadnemu prvku sa nezadava sirka, iba padding. Bohuzial toto nefunguje v IE6 (std i quirk) a tento browser prvky menu vykresli pod sebou s plnou sirkou menu elementov. Nepoznate riesenie?

live demo
Plaváček
Profil
srigi

Zkus to takhle:

#navigation li a {
color: #edd;
display: inline;
float:left;

font-size: medium;
font-weight:bold;
height: 37px;
line-height: 37px;
padding: 0 15px;
text-decoration: none;
}
srigi
Profil
Plaváček
Perfektne. Inak ako je mozne, ze <a href> elementy sa nadalej spravaju ako display: block (reaguju po celej svojej ploche)? Zabudol som dodat, ze to je druha poziadavka.

Inak velka vdaka.
mantisa_
Profil *
srigi

Zkus umazat z Plaváčkova předpisu line-height. :-)
Bubák
Profil
ako je mozne, ze <a href> elementy sa nadalej spravaju ako display: block
Protože float.

Mám udělané funkčně totéž, ale s mírně odlišným kódem, v MSIE 5.0 a novějších bez problémů.
http://teststranek.kvalitne.cz/menu7/

Vaše odpověď

Mohlo by se hodit

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

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0