[xhtml] Listy a IE6 Opcje

[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; }

Ten post edytował DonJeday 18.02.2009, 20:23:52

[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]

1. Nie mam znaków:

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

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. Często ratuje skórę.

[DonJeday]

Wiec tak, przetestowałem dwie możliwości i nic nie zadziałało 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; }

Ten post edytował Fantazyn 19.02.2009, 09:36:23

[vokiel]

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:

[HTML] pobierz, plaintext 
<ul><li><a href="link/">link</a></li><li><a href="link2/">link 2</a></li></ul>
[HTML] pobierz, plaintext 

[DonJeday]

Dzięki problem rozwiązany