Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Problem z ustawieniem listy w jednym rzędzie
Forum PHP.pl > Forum > Przedszkole
sebap123
Witam,

Mam dosyć głupi problem z ustawieniem listy w jednym rzędzie. Lista składać ma się z divów w środku których są obrazki. Normalnie, jak nie ma divów, są tylko obrazki, wszystko działa tak jak działać powinno, jednak jak dodam div to natychmiast lista wraca do ustawienia pionowego. Może ktoś coś zobaczy.

Tutaj jest link do strony:
http://sebastianperyt.pl/strona.html
Damonsson
li dajesz display: inline i umieszczasz w nim div, który jest domyślnie display:block. Tak nie wolno.
Zamień display: inline na float: left dla <li>

Edit: A tak w ogóle to nie rób śmieciowego kodu tylko zrób to tak:
  1. li.mv {
  2. background: url("images/movie-thb-bg.png") repeat scroll 0 0 transparent;
  3. float: left;
  4. margin-right: 5px;
  5. padding: 5px;
  6. width: 176px;
  7. }

  1. <ul class="mv">
  2. <li class="mv">
  3. <img src="images/mov-best-thb.jpg"></li>
  4. <li class="mv">
  5. <img src="images/mov-best-thb.jpg">
  6. </li>
  7. <li class="mv">
  8.  
  9. <img src="images/mov-best-thb.jpg">
  10. </li>
  11. </ul>
sebap123
Dzięki, teraz działa.

EDIT:
Dzięki za podpowiedź, co do wyczyszczenia kodu, ale chyba z niej nie skorzystam bo w divach jeszcze będzie trochę treści, a nie tylko ten obrazek. Ale dobra nauka na przyszłość.
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.