Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]Problem z ustawieniem listy w jednym rzędzie
sebap123
post
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 26.08.2009
Skąd: Szczecin

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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:
[CSS] pobierz, plaintext 
  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. }
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


Ten post edytował Damonsson 11.11.2011, 14:53:34
Go to the top of the page
+Quote Post
sebap123
post
Post #3





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 26.08.2009
Skąd: Szczecin

Ostrzeżenie: (10%)
X----

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ść.

Ten post edytował sebap123 11.11.2011, 14:56:49
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 10:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn