Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] lista ul przerwy w ie 6
Forum PHP.pl > Forum > Przedszkole
Lejto
Mam kod, działa ok w ff jednak w ie 6 powstają przerwy między kategoriami:
css
  1. ul#sidelinks a {display: block;
  2. margin: 0 3px 0 0; padding: 1px 10px 1px 5px;
  3. text-decoration: none;
  4. font: Arial, Verdana, sans-serif;
  5. color: black; background-color:#FFF;}

kod
  1. ......
  2. <ul id="sidelinks" class="arrowlistmenu" style="width: ;">
  3. <li><a href="index.php" id="glowna"><img src="images/arrowbullet.png" border="0">Strona główna</a> </li>
  4. <li><a href='?co=ksiegaw' id="ksiega"><img src="images/arrowbullet.png" border="0"> Księga gości</a> </li>
  5. .................
  6. </ul>
  7. </div>
  8. .....


błąd w ie6

problem powstaje przy display: block; jak to usunę to przerwy znikają ale wtedy jest wszystko ściśnięte i nierówne
erix
zoom:1 dla listy i z głowy. winksmiley.jpg
piotrooo89
http://kurs.browsehappy.pl/Bugi/OdstepZaA
Lejto
http://kurs.browsehappy.pl/Bugi/OdstepZaA
z tym już próbowałem jest wszystko ok ale powstaje mi odstęp po prawej stronie zaznaczyłem go czarną linią

css zmieniłem na:
  1. ul#sidelinks a {display:inline-block;width:89%;
  2. margin: 0 3px 0 0; padding: 1px 10px 1px 5px;
  3. text-decoration: none;
  4. font: Arial, Verdana, sans-serif;
  5. color: black; background-color:#FFF;}
erix
Wywal spację zaraz po </a>, ustaw display: block; zoom: 1 i bez szerokości.

Poradzi sobie. smile.gif
Lejto
dobra zoom pomógł lekki odstęp jest ale pech da się to potem zrobić
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.