Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Dwa divy obok siebie względem innego diva.
Forum PHP.pl > Forum > Przedszkole
December
Witam.

Jak uzyskać taki efekt?
Próbowałem chyba wszystkiego i nadal nic.





jacobson
nie jestem pewien czy to zadziala bo nie sprawdzalem ale moze sprobowac wrzucic te wszystkie divy co stoja jeden obok drugiego do dodatkowego diva i dac mu marginesy automatycznie wzgledem tego zielonego... problem tego rozwiazania moze polegac na tym ze bedziesz musial usstalic konkretne wymiary dla obu : tego duzego kwadrata i dla tego diva w ktorym beda sie znajdowaly te mniejsze.
December
Zrobiłem tak:

  1. <center>
  2.  
  3. <div style = "margin-left:auto; margin-right:auto;width: 100%;algin:center">
  4. <div style='float: left;width:13%;'>
  5. Cos Tam
  6. </div>
  7.  
  8. <div style='float: left;width:13%;'>
  9. Cos Tam
  10. </div>
  11.  
  12.  
  13. </div>
  14. </center>



I nie działa. :/
Damonsson
Coś Ty się tak uparł na ten float? :|

  1. <div style = "border: 1px solid #00FF00;
  2. height: 100%;
  3. overflow: hidden;
  4. text-align: center;
  5. width: 100%;">
  6. <div style='border: 1px solid #FF0000;
  7. display: inline-block;
  8. width: 13%;'>
  9. Cos Tam
  10. </div><div style='border: 1px solid #FF0000;
  11. display: inline-block;
  12. width: 13%;'>
  13. Cos Tam
  14. </div><div style='border: 1px solid #FF0000;
  15. display: inline-block;
  16. width: 13%;'>
  17. Cos Tam
  18. </div><div style='border: 1px solid #FF0000;
  19. display: inline-block;
  20. width: 13%;'>
  21. Cos Tam
  22. </div>
  23. </div>

Pamiętaj że pomiędzy </div><div> Nie powinno być spacji, bo się zrobi odstęp.
December
Dzięki!
Teraz działa idealnie. biggrin.gif
Damonsson
To teraz klikaj "pomógł", ino raz! wink.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.