Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]Centrowanie kilku div-ów.
Morfi80
post 21.11.2012, 11:33:31
Post #1





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 1.11.2012

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

Czy mógłby mi ktoś wyjaśnić gdzie robie błąd?
Chcę uzyskać taki efekt jak w tym screenie: http://screenshooter.net/7767881/syljgsl ale bez używania marginesów bocznych.

Tutaj jest kod html strony:
http://screenshooter.net/7767881/uhbmmlh

a tutaj css:
http://screenshooter.net/7767881/yikgopc

Pomóżcie smile.gif
Go to the top of the page
+Quote Post
b4rt3kk
post 21.11.2012, 12:02:11
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Jeśli masz ustawione float: left, to siłą rzeczy boxy "kleją się" do lewej krawędzi. Nie muszą to być divy, wystarczą same linki z tłem.

[HTML] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3. .boxContainer {
  4. margin: auto;
  5. width: 660px;
  6. }
  7.  
  8. .boxContainer2 {
  9. margin: auto;
  10. width: 460px;
  11. }
  12.  
  13. .box {
  14. display: block;
  15. float: left;
  16. width: 200px;
  17. height: 200px;
  18. background: red;
  19. margin: 10px;
  20. }
  21.  
  22. .clear {
  23. clear: both;
  24. }
  25. </style>
  26.  
  27. <div class="boxContainer">
  28. <a class="box" href=""></a>
  29. <a class="box" href=""></a>
  30. <a class="box" href=""></a>
  31. <div class="clear"></div>
  32. <div class="boxContainer2">
  33. <a class="box" href=""></a>
  34. <a class="box" href=""></a>
  35. <div class="clear"></div>
  36. </div>
  37. </div>
[HTML] pobierz, plaintext


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Morfi80
post 21.11.2012, 12:43:19
Post #3





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 1.11.2012

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

Dziękuję, działa smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 12.06.2025 - 15:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn