[ solomonbicakcic @ 08.05.2016. 17:00 ] @
Pozdrav svima. Pokusavam da napravim listu kontejnere u koji bi stavio sliku i tekst.
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>



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;

}


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
[ goropad @ 08.05.2016. 17:18 ] @
display:inline-block;

ovo treba da stavis u .glava i body a ne u kontejner ;)

ili stavi float:left

a u roditelj div stavi text-aligth: center;
[ solomonbicakcic @ 08.05.2016. 17:36 ] @
Može li objasnjenje ovoga i zasto bvi tako uradio. Ovo sa inline-block je upsjelo ali i kada sam stavio i u roditeljski div inline-block. E sada me npr buni zašto bi stavljao u dva diva koji su jedan ispod drugog u divu, zašto nije samo dovoljno block, posto trebam da redam jedan pored drugog ove glavne div-ove ?

Ovo sa floatom nije uspjelo.