Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] w li
Forum PHP.pl > Forum > Przedszkole
gox
7.08.2008, 01:12:59
jak zrobic, zeby kolejne elementy byly w linii, nie przelamywaly.
ayeo
7.08.2008, 01:18:05
Wiatm!

Pewnie chodzi Ci o:
Kod
display: inline;


A tak BTW to nie rób śmietnika z forum! Co to za bezsensowny temat? Liczysz na pomoc, a nie chce Ci się sklecić jednego porządnego zdania? Co do treści samego posta to bez komentarza.

Pozdrawiam!
gox
7.08.2008, 01:19:15
...
ucial mi sie temat, sry.

edit: Kurcze, a czy <span> nie powinno dac takiego samego efektu?
ayeo
7.08.2008, 01:26:42
span domyślnie jest inline, ale co to ma do rzeczy jeżeli umieszczasz span w li?
gox
7.08.2008, 01:31:21
ale ja nie umieszczam span w li... tongue.gif w ktorym miejscu w kaskadowosci jest ta domyslnosc inliniowa spanu?
ayeo
7.08.2008, 01:36:24
Napisz co chcesz osiągnąc, wklej swój kod... SPAN nie jest blokowy po prostu.

Pozdrawiam!
phpion
7.08.2008, 07:57:02
Stosując display: inline dla <li> nie będziesz mógł ustalić jego szerokości (przydatne przy tworzeniu np. menu). Ja bym raczej polecił float: left.
binio007
7.08.2008, 11:55:58
Kod
ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    float: left;
}


Powinno zadziałać jeśli się zrozumieliśmy i to chodzi smile.gif PzD
JoShiMa
7.08.2008, 12:32:12
Wystarczy:

[HTML] pobierz, plaintext 
  1. ul{
  2.     	display: inline;
  3.     	list-style: none;
  4.     	margin: 0;
  5.     	padding: 0;
  6. }
  7.  
  8. ul li {
  9. 	float: left;
  10. }
[HTML] pobierz, plaintext


Nie ma sensu bardziej komplikować.

Z szerokością też nie ma problemu:

[HTML] pobierz, plaintext 
  1. ul{
  2.     	display: inline;
  3.     	list-style: none;
  4.     	margin: 0;
  5.     	padding: 0;
  6. 	}
  7.  
  8. 	ul li {
  9.    		float: left;
  10. 		border: black 1px solid;
  11.     	padding: 3px;
  12. 		width: 100px;
  13. 	}
[HTML] pobierz, plaintext


Działa nawet coś takiego:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Insert title here</title>
  6. <style>
  7. 	ul{
  8.     	display: inline;
  9.     	list-style: none;
  10.     	margin: 0;
  11.     	padding: 0;
  12. 	}
  13.  
  14. 	ul li {
  15.    		float: left;
  16. 		border: black 1px solid;
  17.     	padding: 3px;
  18. 	}
  19. </style>
  20. </head>
  21. <body>
  22. <ul>
  23. 	<li style="width: 20px;">1,</li>
  24. 	<li style="width: 120px;">2,</li>
  25. 	<li style="width: 50px;">3,</li>
  26. </ul>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


phpion nie rozumiem skąd pomysł, że
Cytat
Stosując display: inline dla <li> nie będziesz mógł ustalić jego szerokości (przydatne przy tworzeniu np. menu). Ja bym raczej polecił float: left.
Shili
7.08.2008, 12:54:11
Pewnie stąd, że taka jest specyfikacja. Jeśli coś jest inline, to ni hu hu nie ustawisz mu szerokości.
Ty użyłeś u siebie float: left, co automatycznie wymusza display: block, dlatego szerokość jest respektowana.

@down
Przepraszam, ślepa jestem. Wiem że jesteś kobietą winksmiley.jpg
Działać działa i owszem, trudno temu zaprzeczyć jak i temu, że jest to rozwiązanie dobre. Jednak zawarłam odpowiedź na pytanie, bo pomysł phpiona był jak najbardziej słuszny winksmiley.jpg
JoShiMa
7.08.2008, 14:33:45
Cytat(Shili @ 7.08.2008, 13:54:11 ) *
Pewnie stąd, że taka jest specyfikacja. Jeśli coś jest inline, to ni hu hu nie ustawisz mu szerokości.
Ty użyłeś u siebie float: left, co automatycznie wymusza display: block, dlatego szerokość jest respektowana.

1. Nie -łeś tylko -łaś
2. Działa i to najważniejsze, prawda?
3. W zasadzie można spokojnie bez display: inline; dla ul.
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.