Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Centrowanie kilku div-ów.
Forum PHP.pl > Forum > Przedszkole
Morfi80
21.11.2012, 11:33:31
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
b4rt3kk
21.11.2012, 12:02:11
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
Morfi80
21.11.2012, 12:43:19
Dziękuję, działa smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.