Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> kwadraciki float:left
kr27
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 20.03.2007

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

Witam.
Mam następujące kwadraciki na stronie:

CODE
<div style="border:solid 1px red;padding:20px;width:600px">

<div style="width:30;height:30;float:left;border:solid 1px red">1</div>
<div style="width:30;height:30;float:left;border:solid 1px red">2</div>
<div style="width:30;height:30;float:left;border:solid 1px red">3</div>
<div style="width:30;height:30;float:left;border:solid 1px red">4</div>
<div style="width:30;height:30;float:left;border:solid 1px red">5</div>
<div style="clear:both"></div>

</div>


Czy jest mozliwosc, aby kwadraty w DIV glownym byly wycentrowane (a
nie zaczynaly sie od lewej)? DIV glowny bedzie mial zawsze 600px,
natomiat ilosc wewnetrzych kwadracikow bedzie rozna.

Pozdrawiam i dziekuje z gory
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
gekon
post
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

Teoretycznie tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="pl">
  3. <head>
  4. 	<title>CSS</title>
  5. 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. 	<style type="text/css">
  7. 		#main { border: 1px solid #FF0000; padding: 20px; width: 600px; background-color: #00F000;
  8. 		/*mozesz to usunac jezeli nie chcesz zbye byl wysrodkowany*/
  9. 		margin: 0 auto;
  10. 		}
  11. 		ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; }
  12. 		li { display: inline; padding: 0.5em; margin: 0 0.5em; border:1px solid #FF0000; }
  13. 	</style>
  14. </head>
  15. <body>
  16. 	<div id="main">
  17. 		<ul>
  18. 			<li>1</li>
  19. 			<li>2</li>
  20. 			<li>3</li>
  21. 			<li>4</li>			
  22. 		</ul>		
  23. 	</div>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext


ale nie wiem dokładnie do czego jest Ci to potrzebne, więc nie mogę wymyślić niczego lepszego.
Go to the top of the page
+Quote Post

Posty w temacie
- kr27   kwadraciki float:left   14.09.2007, 12:08:47
- - radex_p   daj do tego głównego div'a class="main...   14.09.2007, 13:03:41
- - kr27   Niestety to rozwiązanie nie działa (sprawdzałem w ...   14.09.2007, 13:13:17
- - piter2k1   Dopisz do głównego DIV-a: text-align: center;   14.09.2007, 13:19:20
- - Kisiol_Ent   [HTML] pobierz, plaintext <div style="bord...   14.09.2007, 14:26:22
- - kr27   Ale niestety rozwiązanie Kisiol_Ent`a w I...   14.09.2007, 16:07:35
- - gekon   Teoretycznie tak: [HTML] pobierz, plaintext <!D...   14.09.2007, 22:58:21

« Następny starszy · CSS · 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: 8.10.2025 - 09:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn