CSS-vertikalno pozicioniranje teksta

CSS-vertikalno pozicioniranje teksta

offline
  • Pridružio: 26 Jul 2006
  • Poruke: 48
  • Gde živiš: Novi Sad

Ljudi imam sledeci problem,
radim jednu Ajax stranicu i zapeo sam kod jedne naizgled jednostavne
stvari. Hocu da text u div-u pozicioniram na sredinu celije(po y ne po x),
koliko sam primetio nemoguce je div-u dodati takve osobine(u css-u) da bi mogao
tekst da se pomera po y(na sredinu ili dole)?? Jos sam se vise zacudio kad
sam video da se div-u kao atribut u tag moze dodati align ali da ne reaguje na valign.

Bio sam napravio ono sto mi treba ali mi lici ko neko kvazi resenje, naime
u div sam uvrstio jos jedan tag, u mom slucaju a i onda sam njega sa CSS
parametrom top spustio za 2-3 piksela, ispadne to tako kao sto mi
treba ali mi se cini jako smesno resenje za tako jednostavnu stvar, sta bi bilo
da je div recimo visok 400 px pa bi onda morao da "pecam" koliko px da spustim
a tag da se text vidi recimo na dnu, previse mi to cudno zvuci...

Znaci nacin resavanja je jedan tag-ram+pozicioniranje drugog,
drugi tag-text...cudno kako ne postoji text-valign,ili nesto slicno??

Bolje prvo da pitam, mozda neko zna?

Unapred hvala na odgovorima,

Poz.

Dopuna: 05 Jan 2007 0:54

Sad sam gledao malo sa google-om, cini mi se da je to jedino resenje,
napraviti drugi tag sa tekstom pa njega sa vertical-align (u profilu
ovog prvog) centrirati.

Dopuna: 05 Jan 2007 1:25

Pogledao sam jos malo i nasao ovo...

jakpsatweb.cz/css/css-vertical-center-solution.html

Prvo sam se obradovao da je To-TO al sam video da i jeste i nije...grrrrrr!!
Uglavnom, kad se doda ova fora display:table-cell onda radi vertikalno
pozicioniranje, samo evo kakav problem nastaje kad postoje vise takvis div-ova,
imaju razmak koji ne moze da se skloni, a meni treba da su prilepljeni jedan ispor drugog,probao sam sa padding:0px i nista.

Pogledajte kod pa ako neko ima nesto da doda:
<html> <head> <style> .naslov {       width: 340px;       height: 20px;       cursor: hand;       z-index: 1;       font-family: Verdana, Arial, Helvetica, sans-serif;       font-size: 11px;       color: #000000;       border: 1px solid #000000;       text-align: center;       display: table-cell;       vertical-align: middle;       } </style> </head> <body> <div class='naslov'> Neki text... <<</div><br><div class='naslov'>Neki drugi text</div> </body> </html>

Testirajte na Operi a valjda radi i na FF ostalima.

Dopuna: 06 Jan 2007 1:15

Hehehe... da ne verujem kako je ovo jednostavna stvar a ne postoji resenje,na div-u
centrirati text...

Uglavnom ja sam svoj problem resio, bolje reci polu-resio, stavio sam umesto div
tagova (jedno-celiski,jedno-redni)table koji u svom td nosi valign="middle" skoro
je sve ostalo isto poziva se na isti CSS profil,ali je tekst centriran na sredini
,onako kako treba.

Eeeeee,bar sam se lepo narazgovarao sam sa sobom,ccc... Wink



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Blood  Male
  • Ugledni građanin
  • Pridružio: 26 Jul 2003
  • Poruke: 384
  • Gde živiš: Beograd

to su najlepse teme, kad neko nesto pita i isti posle ponudi odgovor Wink



Ko je trenutno na forumu
 

Ukupno su 853 korisnika na forumu :: 42 registrovanih, 4 sakrivenih i 807 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3028 - dana 22 Nov 2019 07:47

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., aleksandar_tatic, dozorni, Drug Platov, Drug pukovnik, flash12, Gama, goxin, ILGromovnik, indja, Ixtis, Jovo93, Kubovac, kvcali, ladro, Lieutenant, limeni2, madza2, Marko Marković, Markoni29, mačković, mercedesamg, MiGac, miodrag3, nikoladgajic, ninareflex, novator, nuke92, Overkill, Panter, pein, shaja1, silikon, Skijavoneska, sliwker, Srna2, Trpe Grozni, Vatreni Zmaj, voja64, VP3987, Yellow Pinky, zlaya011