[html/css] dziwne odstepy dla li z elementem a - display:block Opcje

[wewior]

mam prosty kod

[HTML] pobierz, plaintext 
<ul>
 <li><a href="index.html">Obuwie</a></li>
 <li><a href="index.html">Akcesoria</a></li>
 <li><a href="index.html">Obuwie</a></li>
</ul>
[HTML] pobierz, plaintext 

i jesli ustawie display:block dla elementu a to robia mi sie dziwne odstepy w ramach li, ustawialem juz rozne paddingi i marginy ale nie moge przyjsc na to co powoduje ten problem...

Ten post edytował wewior 20.09.2007, 12:12:30

[Kreton]

IE tutaj błędnie interpretuje białe znaki, o dziwo znak końca linii wywołuje dodanie nowej linii.
To będzie wyświetlanie zgodnie z oczekiwaniem:

Kod

<ul>
    <li><a href="index.html">Obuwie</a></li><li><a href="index.html">Akcesoria</a></li><li><a href="index.html">Obuwie</a></li>
</ul>

Problem jest tylko nieczytelność, można to też obejść inaczej, nadać :

Kod

* html ul li {
    height: 1%;
}

Albo dodajesz w Conditional comments dla IE.

Ten post edytował Kreton 20.09.2007, 14:56:33