Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] w li
-gox-
post
Post #1





Goście
jak zrobic, zeby kolejne elementy byly w linii, nie przelamywaly.
Go to the top of the page
+Quote Post
ayeo
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

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

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!
Go to the top of the page
+Quote Post
-gox-
post
Post #3





Goście
...
ucial mi sie temat, sry.

edit: Kurcze, a czy <span> nie powinno dac takiego samego efektu?

Ten post edytował ayeo 7.08.2008, 01:27:28
Powód edycji: złączenie postów
Go to the top of the page
+Quote Post
ayeo
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

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

span domyślnie jest inline, ale co to ma do rzeczy jeżeli umieszczasz span w li?
Go to the top of the page
+Quote Post
-gox-
post
Post #5





Goście
ale ja nie umieszczam span w li... (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) w ktorym miejscu w kaskadowosci jest ta domyslnosc inliniowa spanu?
Go to the top of the page
+Quote Post
ayeo
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

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

Napisz co chcesz osiągnąc, wklej swój kod... SPAN nie jest blokowy po prostu.

Pozdrawiam!
Go to the top of the page
+Quote Post
phpion
post
Post #7





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
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.
Go to the top of the page
+Quote Post
binio007
post
Post #8





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 7.08.2008

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

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) PzD
Go to the top of the page
+Quote Post
JoShiMa
post
Post #9





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

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.
Go to the top of the page
+Quote Post
Shili
post
Post #10





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

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ą (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował Shili 7.08.2008, 14:42:01
Go to the top of the page
+Quote Post
JoShiMa
post
Post #11





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

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.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 25.08.2025 - 16:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn