Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Centrowanie kilku div-ów.
Morfi80
post
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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
b4rt3kk
post
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
Go to the top of the page
+Quote Post

Posty w temacie
- Morfi80   [HTML]Centrowanie kilku div-ów.   21.11.2012, 11:33:31
- - b4rt3kk   Jeśli masz ustawione float: left, to siłą rzeczy b...   21.11.2012, 12:02:11
- - Morfi80   Dziękuję, działa   21.11.2012, 12:43:19

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