Struktura kontejnera je da napravim jedan div box, i u taj div box, smjestim npr div glava, i div body.
Evo kod
Code:
<div class="center">
<div class="box">
<div class="glava">
</div>
<div class="body">
</div>
</div>
<div class="box">
<div class="glava">
</div>
<div class="body">
</div>
</div>
</div>
<div class="center">
<div class="box">
<div class="glava">
</div>
<div class="body">
</div>
</div>
<div class="box">
<div class="glava">
</div>
<div class="body">
</div>
</div>
</div>
Evo i css kod.
Code:
.box {
display:inline-block;
width:250px;
height:220px;
background:blue;
}
.glava {
width:250px;
height:180px;
background-color: green;
}
.body {
width:250px;
height:40px;
background-color: yellow;
}
.box {
display:inline-block;
width:250px;
height:220px;
background:blue;
}
.glava {
width:250px;
height:180px;
background-color: green;
}
.body {
width:250px;
height:40px;
background-color: yellow;
}
Ovdje su mi ova 2 kontejnera.
Display:inline-block sam stavio jer trebam staviti niz kontejnera recimo 4 u redu. Kada god ubacim neki elemenat u div glava ili body, čitav div mi se spusti dole. Kada sliku ubacim spusti mi se niže, a kada ubacim neki od tagova h1, spusti mi se ali ne toliko kao sa img tagom.
Probao sam da stvim margine i padding ovim tagovima na 0, jer sam mislio da je toga ali nije. Neko objašnjenje i pomoć ? hvala