Autor Zpráva
Venca Černík
Profil
Dobrý den,
mám jeden problém: Pokouším se naformátovat seznamy (takový to <ul><li>...). Vše mi funguje, ale když jsem chtěl na odkaz, který je součástí <li>, dát display:block (aby ten odkaz nebyl odkaz jen na text, ale i kus zatím), tak mi to udělalo takový divný odsazení - jako by to nějak automaticky přidalo k <li> margin-bottom. Ve FF to funguje v pořádku a myslím že i v IE6....

Když jsem použil to display:block jen na obyčejný odkazy, tak to funguje tak jak má - bez spodního odsazení. Když ale přidám seznam, tak tam naskočí odsazení..

Nevíte někdo co s tím?
Railbot
Profil
Venca Černík
Jádro problému ti nepovím, ale jako nouzovka by mohl stačit podmíněný komentář pro IE7 se záporným marginem.
Bubák
Profil
Má odkaz, tedy element a šířku? V IE6 se mezi odkazy zobrazí mezery (pokud je v seznamu a blokový), pokud pro "a" není definovaná šířka, třeba 100%, nebo 100px, 5em...
seifrob
Profil *
S tím jsem se právě mořil. Chyba není jen v MSIE 7, ale i v MSIE 6. Zkuste tohle:


<html>
<head>
<style>
.menu a {
display: block;
_width:100%; /* CSS HACK kvůli MSIE - jinak háže vertikální mezeru u <li> - zkuste zakomentovat */
}
</style>

</head>
<body>

<ul class="menu">
<li><a href="prvni.html">První odkaz</a></li>
<li><a href="druhy.html">Druhý odkaz</a></li>
<li><a href="treti.html">Třetí odkaz</a></li>
</ul>
</body>
</html>
Plaváček
Profil
seifrob

Doplním:

lepší je použít podmíněný komentář a pro IE nastavit i

.menu li, .menu li a {width:100%}

Platí pro IE v quirku, IE7 ve standardním řežimu tuto chybu již neobsahuje
Toto téma je uzamčeno. Odpověď nelze zaslat.