Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

kontejner problem

[es] :: Web dizajn i CSS :: kontejner problem

[ Pregleda: 11719 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

solomonbicakcic

Član broj: 332740
Poruke: 6
178.77.45.*



Profil

icon kontejner problem08.05.2016. u 17:00 - pre 50 meseci
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
 
Odgovor na temu

goropad

Član broj: 332303
Poruke: 201
*.mediaworksit.net.



+54 Profil

icon Re: kontejner problem08.05.2016. u 17:18 - pre 50 meseci
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;
 
Odgovor na temu

solomonbicakcic

Član broj: 332740
Poruke: 6
178.77.45.*



Profil

icon Re: kontejner problem08.05.2016. u 17:36 - pre 50 meseci
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.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: kontejner problem

[ Pregleda: 11719 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.