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


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


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: 8.10.2025 - 09:34