[ mish_ns @ 31.03.2010. 17:50 ] @
Pozdrav svima...

Interesuje me kako da odredim poziciju nekog elementa unutar div taga.
Dakle, header div sadrzi sliku i visine je 200px, kako da postavim recimo text ili link unutar taga da bude horizontalno centriran i na odredjenoj vertikalnoj poziciji (npr. na 150px od gornje ivice header taga)??? (pogledaj primer.jpg)

HVALA



[Ovu poruku je menjao mish_ns dana 31.03.2010. u 19:37 GMT+1]

[Ovu poruku je menjao mish_ns dana 31.03.2010. u 20:07 GMT+1]

[Ovu poruku je menjao mish_ns dana 31.03.2010. u 20:08 GMT+1]
[ IvanBeograd @ 31.03.2010. 23:09 ] @
Misu poziciju nekog elementa moze da odredis uz pomoc javascripta,a ovo sto ti hoces mozes uz pomoc css da uradis,kazes nesto ovako
Code:

<div style="margin:0 auto 0 auto;position:relative;top: 150px">Ovo je text ili link</div>


Mislim da ce ovo da ti resi problem.
[ mish_ns @ 01.04.2010. 12:45 ] @
Hvala Ivane...Da, na ovaj nacin mogu da centriram sadrzaj po horizontali ali mi top: 150px, pomeri ceo div za 150 piksela od gornje ivice...

Resio sam ovako:

Code:

#header {
        background-image: url(../images/slika.jpg);
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
}
#mail {
    position: absolute;
    top: 150px;
    left: 160px; //ovo je polovina moje slike koja se nalazi u headeru - background
}

I onda stavim ovako:

<div id="logo">
        <div id="mail">
            <p>E-mail: [email protected]</p>
        </div>
    </div>
[ musicmaster @ 01.04.2010. 13:00 ] @
Imaš i još jednu varijantu...

A to ti je LINE-HEIGHT.

Dakle, imaš div element i u njemu recimo span gde ide text... ili div gde ide text..... nebitno, zavisi od same strukture tvog sajta....

Dakle, slika i header u header div tagu i na sredini, link u nested span ili div tagu..

Za header div tag ide "text-align: center;"

... a za tekst to jest link <div> .... ide i "line-height: 200px;" linija u css-u.

ZNači, koliko ti je visok glavni div koji sadrži background-image,
toliko ide i za "line-height" u span ili div elementu gde i jeste text/link.

Ako imaš samo jedan red, tekst je kratak, možeš i ovako.

:)
[ mish_ns @ 01.04.2010. 13:48 ] @
E i ovo je dobra fora, ali kada treba da se centrira i vertikalno i horizontalno u div-u...
[ musicmaster @ 01.04.2010. 16:27 ] @
Dabome.