Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: li , list-style-image i display: inline
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
_kama
Witam, czy to normalne zachowanie ze jak mam liste z elementami li z list-style-image: url(tick.gif)} i dodam display: inline to obrazki znikaja? Jak sie wyswietlaja jeden pod drugim to wszytsko jest ok. Jezeli nie da sie tego obejsc to jak w xhtmlu to napisac? Czy jedynym rozwiazaniem bedzie:

  1. <a href="#"> xxxx</a>
  2. <img src="" />
  3. <a href="#"> xxxx</a>
  4. <img src="" />
  5. <a href="#"> xxxx</a>
  6. <img src="" />
  7. <a href="#"> xxxx</a>
  8. <img src="" />
siemakuba
Rozwiązanie z list-style-image jest generalnie nienajlepsze z tego powodu, że IE / FF nieco inaczej pozycjonują tak podany obrazek.
Ja zawsze korzystam z background-image dodanego dla LI. Jeżeli dałaś display:inline; to pojawi się problem nadawania tła elementom nieblokowym. Ja zamiast display:inline daje float:left dla LI, co pozwala wyświetlić listę w jednej linii i jednocześnie przypisać tło dla LI.

pozdr.
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.