• 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
91 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 (13,200 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 (97,990 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 111 wizyt
0 głosów
1 odpowiedź 212 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez hiper007 Stary wyjadacz (10,880 p.)
0 głosów
2 odpowiedzi 73 wizyt
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

67,249 zapytań

114,208 odpowiedzi

242,114 komentarzy

45,648 pasjonatów

Przeglądających: 391
Pasjonatów: 19 Gości: 372

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.

...