• 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
66 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 Dyskutant (9,240 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 Bywalec (2,170 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 Bywalec (2,170 p.)
pod divem kontakt stwórz nowy i do niego dodaj style="clear: both;" To wszystko
komentarz 10 lutego przez program naczelny Bywalec (2,170 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 (84,030 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
1 odpowiedź 183 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez hiper007 Dyskutant (9,980 p.)
0 głosów
2 odpowiedzi 54 wizyt
–4 głosów
2 odpowiedzi 221 wizyt
pytanie zadane 7 stycznia 2017 w HTML i CSS przez Olej00 Nowicjusz (220 p.)
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

60,258 zapytań

105,942 odpowiedzi

220,111 komentarzy

32,463 pasjonatów

Przeglądających: 334
Pasjonatów: 11 Gości: 323

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.

...