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

question-closed Dwa divy kolo siebie

0 głosów
193 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez hiper007 Stary wyjadacz (10,540 p.)
zamknięte 2 czerwca 2016 przez hiper007

Witam mam dwa divy jeden o id 'kol' i drugi o id 'kol2'

#kol1
{
background-color:red;
foat:left;	
width:200px;
height:200px;
}

#kol2
{
background-color:green;
foat:left;
width:200px;
height:200px;
}

i kod w html

<div id="kol1">

mama

</div>

<div id="kol2">

tata

</div>

i nie chca mi sie ulozyc obok siebie ;) mimo float:left w czym problem??

komentarz zamknięcia: Problem rozwiazany
komentarz 1 czerwca 2016 przez Niespecjalny Gaduła (4,180 p.)

zamień id na klasy chyba że używasz tych id do js i rób wcięcia

czyli np

<div class="kol1">
    mama
</div>

<div class="kol2">
    tata
</div>

 

1 odpowiedź

+1 głos
odpowiedź 1 czerwca 2016 przez COLD IC3 Nałogowiec (36,920 p.)
wybrane 1 czerwca 2016 przez hiper007
 
Najlepsza

To przez to, że piszesz foat zamiast float ;) Poniżej umieszczam poprawny kod:

HTML:

<div id="kol1">mama</div>
<div id="kol2">tata</div>

CSS:

#kol1
{
float:left;
background-color:red;
width:200px;
height:200px;
}

#kol2
{
float:left;
background-color:green;
width:200px;
height:200px;
}

Podobne pytania

0 głosów
2 odpowiedzi 78 wizyt
pytanie zadane 10 lutego w HTML i CSS przez bigboy Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 58 wizyt
0 głosów
2 odpowiedzi 259 wizyt
pytanie zadane 8 stycznia 2017 w HTML i CSS przez Daniel Kudyba Obywatel (1,260 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

62,240 zapytań

108,351 odpowiedzi

226,163 komentarzy

34,614 pasjonatów

Przeglądających: 165
Pasjonatów: 21 Gości: 144

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.

...