[html/css] problem z listą po IE

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
apmody
Posty: 2
Rejestracja: ndz lis 12, 2006 3:13 pm

[html/css] problem z listą po IE

Post autor: apmody »

Pod IE całkiem sypnęła się lista...zrobiłem używając jej menu i coś nie zaskoczyło..
www.row.webd.pl/progres - strona
www.row.webd.pl/progres/style.css - plik css

może ktoś pomóc?
Marcin Kalisz
Nowy
Nowy
Posty: 62
Rejestracja: sob lis 26, 2005 12:29 pm

Re: [html/css] problem z listą po IE

Post autor: Marcin Kalisz »

Przede wszystkim wyzeruj marginesy i padding dla listy nieuporządkowanej <ul>. Pozbądź się "bullet-imażu", czyli list-style-image: none (gdzie je dać - o tym zaraz).

Sformatuj elementy listy. Tego tu brakuje. Nadaj im wyświetlanie blokowe (display: block) oraz tło (obrazek który wrzuciłeś wcześniej jako bullet). Dodatkowo do elementów listy możesz dodać padding-left przykładowo 10px - po to by linki tekstowe nie wchodziły na obrazek strzałki. W razie dodatkowych problemów w IE może być konieczne nadanie atrybutu line-height i/lub marginesów - myślę, że do tego dojdziesz sam :idea:

Ze względu na bardzo różną interpretację styli dotyczących list w różnych przeglądarkach typowo łopatologiczne rozwiązania nie sprawdzają się.
ODPOWIEDZ