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
Kisiol_Ent
post
Post #2





Grupa: Zarejestrowani
Postów: 146
Pomógł: 0
Dołączył: 15.01.2007

Ostrzeżenie: (60%)
XXX--


  1. <div style="border:solid 1px red;padding:20px;width:600px">
  2.  
  3. <div style="margin: 0 auto; background-color: green; display: table;">
  4.  
  5. <div style="width:35;height:30;border:solid 1px red; display: table-cell;">1</div>
  6. <div style="width:30;height:30;border:solid 1px gray; display: table-cell;">2</div>
  7. <div style="width:30;height:30;border:solid 1px red; display: table-cell;">3</div>
  8. <div style="width:50;height:30;border:solid 1px blue; display: table-cell;">4</div>
  9. <div style="width:30;height:30;border:solid 1px yellow; display: table-cell;">5</div>
  10.  
  11. <div style="clear:both"></div>
  12.  
  13. </div>
  14.  
  15. </div>
  16.  
  17. <!-- (C) 2007 by Kisiol_Ent. -->
  18. <!-- Jezel chcesz uzywac tego kodu chtml musisz dodac ten komentarz! -->
  19. <!-- jezeli komentarz ci niepotrzebny oplac abonament roczny 10 zl i mozesz -->
  20. <!-- sie pozbyc tego komentarza -->
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 4.10.2025 - 11:37