Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Dwa divy obok siebie względem innego diva.
December
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 7.05.2011

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


Witam.

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

(IMG:http://iv.pl/images/74375077366871337945.png)



Go to the top of the page
+Quote Post
jacobson
post
Post #2





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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


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.
Go to the top of the page
+Quote Post
December
post
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 7.05.2011

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


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. :/
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


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.
Go to the top of the page
+Quote Post
December
post
Post #5





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 7.05.2011

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


Dzięki!
Teraz działa idealnie. (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
Damonsson
post
Post #6





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


To teraz klikaj "pomógł", ino raz! (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post

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: 24.09.2025 - 06:12