[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

[vokiel]

może skombinuj tak:

[HTML] pobierz, plaintext 
line-height: 25px;
height: 25px;
[HTML] pobierz, plaintext 

*dane liczbowe przykładowe (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[wewior]

myslalem o tym ale nawet jesli bedzie dzialalo to nie chce tak bo dane w linkach beda ladowane z cmsa i moga miec rozna dlugosc, wiec moga byc tez w dwoch wierszach a wtedy bedzie kicha jesli ustawie wysokosc

[vokiel]

A samo line-height ?
Wtedy nie bedzie ustalonej na stałe wysokości i jeśli się treść nie zmieści w jednej linii to przenisie do następnej, ale 2, czy 3 linie będą możliwe...

[wewior]

ale samo line-height nic nie daje
zapomnialem dodac ze taki efekt jest tylko w ie (testowalem w wersji 6 nie wiem jak w innych) w pozostalych przegladarkach jest ok

[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

[wewior]

wielkie dzieki Kreton na to bym nie wpadl, ze biale znaki w przypadku li te robia takie problemy, jeszcze raz dzieki za pomoc

[Kreton]

W przypadku samego li nie. Pewnie tylko wtedy gdy wewnątrz znajduje się element blokowy, ale głowy nie dam sobie uciąć bo nie testowałem innych kombinacji.