Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Divy obok siebie
--Marko--
post 10.02.2014, 21:31:03
Post #1





Goście







Cześć,
Mam taki kod http://cssdeck.com/labs/cexmme3h potrzebuję divy 2, 4, 6 przyciągnąć do prawej krawędzi...kombinuje i nic. Gdzie tkwi haczyk?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
Loku
post 10.02.2014, 21:38:12
Post #2





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 3.04.2013

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


dodaj: margin: 0 i padding: 0 w body albo html
Go to the top of the page
+Quote Post
--Marko--
post 10.02.2014, 21:46:11
Post #3





Goście







Oczywiście w podstawowym Body mam wpisane właściwości "margin: 0 i padding: 0" Boję się czy jest w ogóle taka możliwości żeby elementu float: left przyciągnąć do prawej krawędzi wink.gif
Go to the top of the page
+Quote Post
Turson
post 10.02.2014, 22:04:55
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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


  1. #body {width: 650px;margin-left:auto;margin-right:auto;}
  2.  
  3. #content {
  4. float: left;
  5. width: 650px;
  6. background-color: blue;
  7. position: relative;
  8. }
  9.  
  10. #content .boxNews {
  11. width: 320px;
  12. height: 260px;
  13. background-color: #2EFE2E;
  14. margin-bottom:10px;
  15. float: left;
  16. }
  17.  
  18. #content .boxNews:nth-child(odd){
  19. margin-right:10px;
  20. }


albo też po prostu

  1. #content .boxNews {
  2. width: 320px;
  3. height: 260px;
  4. background-color: #2EFE2E;
  5. margin-bottom:10px;
  6. }
  7.  
  8. #content .boxNews:nth-child(odd){
  9. margin-right:10px;
  10. float:left;
  11. }
  12. #content .boxNews:nth-child(even){
  13. float:right;
  14. }


Ten post edytował Turson 10.02.2014, 22:06:01
Go to the top of the page
+Quote Post
kamil4u
post 10.02.2014, 22:05:57
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Wszystko się da: http://cssdeck.com/labs/roky2bgw czy http://cssdeck.com/labs/roky2bgw

Napisz jak to dokładnie ma wyglądać, gdzie przerwy, a gdzie nie wink.gif


--------------------
Go to the top of the page
+Quote Post
--Marko--
post 10.02.2014, 22:14:12
Post #6





Goście







Wow jednak się da specool.gif Tak więc od góry i dołu ma przylegać do krawędzi, natomiast odstępy pomiędzy 1 i 2, a także 3 i 4 są super, tylko gdybym potrzebował określoną wartość? np. odstęp 15px?

Kurde, jakbym był z Wrocławia lub Łodzi to bym wam piwo postawiłbiggrin.gif
Go to the top of the page
+Quote Post
kamil4u
post 11.02.2014, 00:57:55
Post #7





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


http://cssdeck.com/labs/pwrk0ikk

- przerwę między 1 i 2, 3 i 4, 5 i 6 zmieniasz za pomocą:
Kod
#content {
  width: 690px; /*<-------------------------*/
  background-color: blue;
}


- przerwę między 1 i 3 , 2 i 4 itd. zmieniasz za pomocą:
Kod
#content .boxNews {
  width: 320px;
  height: 260px;
  background-color: #2EFE2E;
  margin: 5px 0; /*<---------------------------*/
}


--------------------
Go to the top of the page
+Quote Post
--Marko--
post 11.02.2014, 18:13:56
Post #8





Goście







Perfekcyjnie! Bardzo dziękuję, kurde browar się należy jak nic smile.gif
Go to the top of the page
+Quote Post
--Marko--
post 26.02.2014, 20:47:35
Post #9





Goście







Niestety nie tak perfekcyjnie jak myślałem. Niestety potrzebuje też zrobić jakimś cudem, żeby działało pod IE8 i wyżej lub od IE9.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 07:21