Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi
 
Domov > Forum > Računalništvo

Kako narediti, da se DIV-a ne prekrivata?

 
 
3.12.2011, 11:37
Rabil bi celotno kodo vsega skupaj še enkrat. Sedaj, ko sem vnesel pri zunanjem float:right; pa dela normalno kot je na zgornji sliki. Prosil bi, če bi se lahko dodala koda zraven za dive ki so ležeči, da je vse skupaj, najlepša hvala.
Se še učim pa me zeza, in se opravičujem če po nepotrebnem obremenjujem, vendar je čisto drgače če vidim celoto ker potem spoznam, kako stvar deluje.


spremenil: lala2000 (3.12.2011 ob 11.43.11)
 
 
 
3.12.2011, 11:42
Če skopiraš zadeve točno tja, kamor sem ti napisal zgoraj, mora delovati vse, ker sem ti točno napisal kam kaj vstaviti. Potem boš tudi ti imel celotno kodo in ti bo, upam da, jasno, kako deluje.
S kopiranjem celotne kode se manj naučiš, kot če poskušaš sam in preverjaš kodo ter različne variante kode.

Močno ti svetujem, da si pogledaš o HTMLju in CSSu na w3schools.com.

Evo, pa še celotna koda.

HTML:

<body>
<div id="vrstica_1">
test test test
</div>
<div id="vrstica_2">
test test test
<br />
test test test
</div>
<div id="zunanji">
<div id="zunaj_levo">
<div id="noter_levo_1">test<br />
test<br />
test</div>
<div id="noter_levo_2">test<br />
test<br />
test<br />
test<br />
test<br />
test</div>
<div id="noter_levo_3">test<br />
test<br />
test</div>
</div>

<div id="zunaj_sredina">
<div id="noter_sredina_1">test<br />
test<br />
test<br />
test<br />
test</div>
<div id="noter_sredina_2">test<br />
test<br />
test</div>
<div id="noter_sredina_3">test<br />
test</div>
</div>

<div id="zunaj_desno">
<div id="noter_desno_1">test<br />
test</div>
<div id="noter_desno_2">test<br />
test<br />
test</div>
<div id="noter_desno_3">test<br />
test<br />
test</div>
</div>
</div>
<div id="vrstica_3">
test test test
</div>
</body>


CSS:

#vrstica_1{
width:590px;
height:50px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:fuchsia;
}

#vrstica_2{
width:590px;
height:50px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:green;
}

#vrstica_3{
width:590px;
height:50px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:#FF9933;
}

#zunanji{
width:600px;
height:400px;
margin-left:auto;
margin-right:auto;
}

#zunaj_levo{
width:200px;
height:400px;
float:left;
}

#noter_levo_1{
background-color:aqua;
margin:5px;
}

#noter_levo_2{
background-color:aqua;
margin:5px;
}

#noter_levo_3{
background-color:aqua;
margin:5px;
}

#zunaj_sredina{
width:200px;
height:400px;
float:left;
}

#noter_sredina_1{
background-color:gray;
margin:5px;
}

#noter_sredina_2{
background-color:gray;
margin:5px;
}

#noter_sredina_3{
background-color:gray;
margin:5px;
}

#zunaj_desno{
width:200px;
height:400px;
float:right;
}

#noter_desno_1{
background-color:lime;
margin:5px;
}

#noter_desno_2{
background-color:lime;
margin:5px;
}

#noter_desno_3{
background-color:lime;
margin:5px;
}


Dolžan si pa pivo. Vsaj virtualno, če že ne pravo


spremenil: maticg (3.12.2011 ob 11.44.09)
 
 
 
3.12.2011, 11:48
Evo največje pivo kar je možno . Vsekakor pa dam tudi v realnosti in res se iskreno zahvaljujem za pomoč in še kdo se bo lahko naučil iz tega. Dobro, da so na svetu dobrosrčni ljudje kot ti in hvala še enkrat.

spremenil: lala2000 (3.12.2011 ob 11.56.12)
 
 
 
3.12.2011, 12:05
Ups, še nekaj zadnja vrstica mi skače oz. gre levo ali desno"foot", ko vnašam tekst v predzadnji vrstici , kako se uredi da se pomika navzdol, hvala.

Sem rešil



spremenil: Matej V. (3.12.2011 ob 13.43.17)
 
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!