• 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
78 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 (10,500 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,860 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,860 p.)
pod divem kontakt stwórz nowy i do niego dodaj style="clear: both;" To wszystko
komentarz 10 lutego przez program naczelny Bywalec (2,860 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 (89,270 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 72 wizyt
0 głosów
1 odpowiedź 193 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez hiper007 Stary wyjadacz (10,670 p.)
0 głosów
2 odpowiedzi 58 wizyt
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

62,401 zapytań

108,542 odpowiedzi

226,584 komentarzy

35,748 pasjonatów

Przeglądających: 199
Pasjonatów: 15 Gości: 184

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.

...