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

Problem sa vertikalnim centriranjem diva u divu !

[es] :: Web dizajn i CSS :: Problem sa vertikalnim centriranjem diva u divu !

[ Pregleda: 1800 | Odgovora: 6 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

akibono
beograd

Član broj: 79053
Poruke: 195
*.dynamic.isp.telekom.rs.



+3 Profil

icon Problem sa vertikalnim centriranjem diva u divu !10.03.2013. u 01:04 - pre 135 meseci
Molim za pomoc, naime ne umem da centriram div u divu, vertikalno centriranje u samom divu, horizontalno centriranje radim preko <div align="center"> i odlicno radi, ali vertikalno mi ne radi, probao sam preko vise tagova i delova koda, ali ne radi, zapravo ocu da centriram fotku koja se nalazi u divu, i da je stavim u centar diva, da li moze direktno da se centrira <img> il treba <img> staviti u <div> pa onda centrirati sam div ?

vertical-align: middle; mi nije radio, ako sam ga dobro napisao...
 
Odgovor na temu

Plug-n-Play
Beograd

Član broj: 175221
Poruke: 173
*.dynamic.sbb.rs.



+10 Profil

icon Re: Problem sa vertikalnim centriranjem diva u divu !10.03.2013. u 02:15 - pre 135 meseci
Da centrraš div? I tata bi sine... :)
A slika može...
Code:
#div {
background-image: url(image.jpg) no-repeat 50% 50%;
}
ili
Code:
#div {
background: #FFF url(image.jpg) no-repeat 50% 50%;
}
ako hoćeš da imaš i boju.
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2247 Profil

icon Re: Problem sa vertikalnim centriranjem diva u divu !10.03.2013. u 02:40 - pre 135 meseci
^^ Prvi blok koda ti nije kako treba.
Ako pišeš background-image onda samo to i ostaviš za property - lokaciju/naziv slike.

Code:

    background-color:#fff;
    background-image:url(picture.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;


Drugi primer već može da prođe.

about:networking
 
Odgovor na temu

s4djan
Student
Tu iza coska

Član broj: 220356
Poruke: 82
*.dynamic.isp.telekom.rs.

Sajt: www.erecepti.com


+2 Profil

icon Re: Problem sa vertikalnim centriranjem diva u divu !10.03.2013. u 18:46 - pre 135 meseci
Bas sam neki dan na poslu imao problem slican ovome. Resenje mozes videti na ovoj strani http://jsbin.com/ajofif/7/edit . Osnovne karakteristike ovog resenja su display:table-cell koji dozvoljava verikalno pozicioniranje elemenata i da taj div mora imati definisanu visinu.
 
Odgovor na temu

akibono
beograd

Član broj: 79053
Poruke: 195
*.dynamic.isp.telekom.rs.



+3 Profil

icon Re: Problem sa vertikalnim centriranjem diva u divu !11.03.2013. u 17:49 - pre 135 meseci
resio sam problem sa ovim http://jsbin.com/ajofif/7/edit ,radi mi ovo resenje, tako da cu nastavim sa ovim, dosta je dobro resenje....
 
Odgovor na temu

Plug-n-Play
Beograd

Član broj: 175221
Poruke: 173
*.dynamic.sbb.rs.



+10 Profil

icon Re: Problem sa vertikalnim centriranjem diva u divu !13.03.2013. u 13:52 - pre 135 meseci
Citat:
plus_minus:
^^ Prvi blok koda ti nije kako treba.
Ako pišeš background-image onda samo to i ostaviš za property - lokaciju/naziv slike.

Code:

    background-color:#fff;
    background-image:url(picture.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;


Drugi primer već može da prođe.


Da neko ne bi došao u zabludu... Ovo gore nije tačno, jer može da se koristi i ovako skraćeno, a ako meni ne veruješ, pogledaj ovde: http://www.w3schools.com/css/css_background.asp
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2247 Profil

icon Re: Problem sa vertikalnim centriranjem diva u divu !13.03.2013. u 23:24 - pre 135 meseci
^^ hint: ne preleći preko redova kad čitaš (a i onda kada citiraš) i ukapiraćeš i sam. Niko nije u zabludi, niti bi trebao da dođe do iste zbog konkretnog slučaja.

tvoj Drugi primer već može da prođe.

A background-image je samo image. Ne i širina, visina, pozicija, jel' je fiksna ili nije, itd.
about:networking
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Problem sa vertikalnim centriranjem diva u divu !

[ Pregleda: 1800 | Odgovora: 6 ] > FB > Twit

Postavi temu Odgovori

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