Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Divy obok siebie
Forum PHP.pl > Forum > Przedszkole
-Marko-
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?
Loku
dodaj: margin: 0 i padding: 0 w body albo html
-Marko-
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
Turson
  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. }
kamil4u
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
-Marko-
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
kamil4u
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; /*<---------------------------*/
}
-Marko-
Perfekcyjnie! Bardzo dziękuję, kurde browar się należy jak nic smile.gif
-Marko-
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.
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.