• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

DIVy kolo siebie

0 głosów
87 wizyt
pytanie zadane 10 lutego w HTML i CSS przez bigboy Nowicjusz (140 p.)
Siemka, mam problem odnośnie DIV'ow i chyba mojego CSS. Mianowicie chciałem mieć 3 divy kolo siebie,dwa są koło siebie natomiast ten 3 jest w pierwszym divie i nie moge znaleźć problemu. http://prntscr.com/mj3crs Chciałem zeby to tak wyglądało. Dodam, że jestem początkujący i dopiero zacząłem się uczyć.

HTML : http://www.wklejto.pl/712700

CSS: http://www.wklejto.pl/712701

2 odpowiedzi

0 głosów
odpowiedź 10 lutego przez MateuszB Stary wyjadacz (12,460 p.)

W tym miejscu brakuje średnika i w "height" masz literówkę. Poprawione powinno wyglądać tak:

#kontakt{
    float: left;
    height: auto;
    width: 200px;
    margin-top: 50px;  
    margin-right: 30px;
}

Dodatkowo staraj się stylować po "class" a nie "id" i przenieś wszystkie style do pliku css. W stylach inline ciężko się odnaleźć.

komentarz 10 lutego przez bigboy Nowicjusz (140 p.)
Dziękuje , działa <3
0 głosów
odpowiedź 10 lutego przez program naczelny Gaduła (3,000 p.)
Kiedy używasz cssa (float: left; )trzeba zrobić "stopkę" z (clear: both;) Jak to zrobisz poprawnie to gwarantuję że zadziała ;)
komentarz 10 lutego przez bigboy Nowicjusz (140 p.)
Mógłbyś powiedzieć na czym polega  ( clear:both; ) bo nie rozumiem za bardzo ;D
komentarz 10 lutego przez program naczelny Gaduła (3,000 p.)
pod divem kontakt stwórz nowy i do niego dodaj style="clear: both;" To wszystko
komentarz 10 lutego przez program naczelny Gaduła (3,000 p.)

@bigboy, Zawsze po float-ach clear: both, bo jak dalej będziesz tą stronę rozwijał to zobaczysz co się odwali

komentarz 10 lutego przez pablop76 Szeryf (96,690 p.)

@bigboy,

Od komentuj regułę css i zobacz różnicę

<div class="container">
	<div class="kontakt">
	Kontakt
</div>
</div>
.container{
	border: 1px solid red;
}
/* .container::after {
  content: "";
  clear: both;
  display: table;
} */
.kontakt{
float: left;
height: auto;
width: 200px;
margin-top: 50px;
margin-right: 30px;
}

float: left wyjmuje element z obiegu strony i nie pozostawia po nim miejsca, dlatego element, który go zawiera traci wysokość. clear:both zapobiega temu problemowi.

Podobne pytania

0 głosów
2 odpowiedzi 99 wizyt
0 głosów
1 odpowiedź 204 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez hiper007 Stary wyjadacz (10,880 p.)
0 głosów
2 odpowiedzi 69 wizyt
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

65,683 zapytań

112,321 odpowiedzi

237,044 komentarzy

46,657 pasjonatów

Przeglądających: 252
Pasjonatów: 11 Gości: 241

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...