Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml] Listy a IE6
Forum PHP.pl > Forum > Przedszkole
DonJeday
Siema,
mam problem z listami otóż jak ustawić by pod ie6 żeby jeden link był zaraz pod drugim bez odstępu i marginesu? dawałem margin: 0px; ale to nic nie dało...
piotrooo89
może pokaż kod bo trudno zrozumieć co i jak...
DonJeday
Powinno wyglądać mniej więcej tak:


Teraz nie mam jak zrobić screena z IE6 bo nie mam tymczasowo dostępu do laptopa. Ale wygląda to tak, że linki są przesunięte maksymalnie do krawędzi tego ciemniejszego diva i mają między sobą takie z 5px odstepy. Chce te odstępy zlikwidować.

Kod
#footer_links ul { list-style-type: none; margin: 15px 0px 0px 0px; }
#footer_links ul li { font-family: Verdana; font-size: 10px; color: #c7df42; font-weight: normal; }
#footer_links a{ color: #c7df42; }
#footer_links a:hover{ color: #fff; }
piotrooo89
to nadaj dla ul - margin: 0; padding: 0;
erix
Stary bug IE z listami. Wyjścia są dwa:
  1. usunąć białe znaki między tagami (czyli wszystkie znaki nowych wierszy, tabulacje, itp)
  2. nadać zoom:1 dla a
DonJeday
1. Nie mam znaków:
Kod
<ul>
<li><a href="link/">link</a></li>
<li><a href="link2/">link 2</a></li>
</ul>


2. Co to znaczy nadać zoom? Bo nie widzę czegoś takiego dla css i xhtml ;p
erix
Cytat
1. Nie mam znaków:

Między </li> a <li> masz. winksmiley.jpg

Cytat
2. Co to znaczy nadać zoom? Bo nie widzę czegoś takiego dla css i xhtml ;p

Nieudokumentowana własność CSS, działająca tylko na IE. winksmiley.jpg Często ratuje skórę.
DonJeday
Wiec tak, przetestowałem dwie możliwości i nic nie zadziałało sad.gif zoom wrzuciłem do stylu dla ie do a dla ul nie dało rady dalej odstepy... a usunięcia tabulatorów itp. też nic nie zmieniło.
erix
Popróbuj dla różnych selektorów; trzeba trochę, niestety, pokombinować.

A mógłbyś pokazać screena, jak to teraz wygląda?
Fantazyn
To może daj ujemny marginesy dla elementów <li> np:
Kod
#footer_links ul li
{ float:left; //to powinno pomóc w czyszczeniu białych znaków}

lub
Kod
#footer_links ul li
{ margin: -5px 0; }
vokiel
Cytat(DonJeday @ 18.02.2009, 21:35:21 ) *
1. Nie mam znaków:
Kod
<ul>
<li><a href="link/">link</a></li>
<li><a href="link2/">link 2</a></li>
</ul>


No i akurat masz te znaki, które dla IE są psujące. Kiedyś miałem ten sam problem i zrobiłem tak i zadziałało:
  1. <ul><li><a href="link/">link</a></li><li><a href="link2/">link 2</a></li></ul>
DonJeday
Dzięki problem rozwiązany winksmiley.jpg
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.