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

Center align div tag

[es] :: Web dizajn i CSS :: Center align div tag

[ Pregleda: 2023 | Odgovora: 5 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

mish_ns
Miloš Krstin

Član broj: 159930
Poruke: 1105
91.148.95.*



+18 Profil

icon Center align div tag31.03.2010. u 17:50 - pre 170 meseci
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]
Prikačeni fajlovi
 
Odgovor na temu

IvanBeograd
Kladza
Beograd

Član broj: 83376
Poruke: 379
89.216.59.*

Sajt: www.dza-bu-drz-ne-daj.com


Profil

icon Re: Center align div tag31.03.2010. u 23:09 - pre 170 meseci
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.
SERVIA NOSTRUM REGNUM!
 
Odgovor na temu

mish_ns
Miloš Krstin

Član broj: 159930
Poruke: 1105
109.106.232.*



+18 Profil

icon Re: Center align div tag01.04.2010. u 12:45 - pre 170 meseci
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>
 
Odgovor na temu

musicmaster

Član broj: 50955
Poruke: 1447
109.93.129.*



+7 Profil

icon Re: Center align div tag01.04.2010. u 13:00 - pre 170 meseci
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.

:)
 
Odgovor na temu

mish_ns
Miloš Krstin

Član broj: 159930
Poruke: 1105
109.106.232.*



+18 Profil

icon Re: Center align div tag01.04.2010. u 13:48 - pre 170 meseci
E i ovo je dobra fora, ali kada treba da se centrira i vertikalno i horizontalno u div-u...
 
Odgovor na temu

musicmaster

Član broj: 50955
Poruke: 1447
109.93.129.*



+7 Profil

icon Re: Center align div tag01.04.2010. u 16:27 - pre 170 meseci
Dabome.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Center align div tag

[ Pregleda: 2023 | Odgovora: 5 ] > FB > Twit

Postavi temu Odgovori

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