Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
JoShiMa
post
Post #2





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

Posty w temacie
- gox   [CSS] w li   7.08.2008, 01:12:59
- - ayeo   Wiatm! Pewnie chodzi Ci o: Koddisplay: in...   7.08.2008, 01:18:05
- - gox   ... ucial mi sie temat, sry. edit: Kurcze, a czy ...   7.08.2008, 01:19:15
- - ayeo   span domyślnie jest inline, ale co to ma do rzeczy...   7.08.2008, 01:26:42
- - gox   ale ja nie umieszczam span w li... w ktorym miejs...   7.08.2008, 01:31:21
- - ayeo   Napisz co chcesz osiągnąc, wklej swój kod... SPAN ...   7.08.2008, 01:36:24
- - phpion   Stosując display: inline dla <li> nie będzie...   7.08.2008, 07:57:02
- - binio007   Kodul, ul li { display: block; list-style...   7.08.2008, 11:55:58
- - JoShiMa   Wystarczy: [HTML] pobierz, plaintext ul{ disp...   7.08.2008, 12:32:12
- - Shili   Pewnie stąd, że taka jest specyfikacja. ...   7.08.2008, 12:54:11
- - JoShiMa   Cytat(Shili @ 7.08.2008, 13:54:11 ) P...   7.08.2008, 14:33:45

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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