CSS, vertical-align i skleroza

[Dragan Babić]

E, da, ovo oko vertical-align. Slobodno zaboravi na tu osobinu kroz CSS, ali for the sake of argument, evo ti objasnjenje kako funkcionise (jako debilno IMHO).
Predpostavimo da imamo paragraf i u paragrafu sledeci sadrzaj:

<p><img src="path/do/slike.png" width="100" height="100" alt="Slika koja je vislja od jedne linije teksta" /> Ovo je neki tekst pored slike.</p>

E sada, kada bi dodao vertical-align:middle; na paragraf -- ne bi se nista promenilo, ali kada bi ga dodao na sledeci nacin:

p *{ vertical-align:middle; }

Onda bi se tekst i slika centrirali na vertikalnu sredinu paragrafa, jer vertical align kada je primenjen na elemente osim td-ova, se odnosi na inline level sadrzaj, a ne na block level parenta.

Enivej, totalno ga izbaci kao opciju slobodno, strokav je property totalno.

[ivanhoe]

Tja, resio sam problem koristeci padding da gurnem link na dole, mada je to mnogo ruzno resenje, jer ako korisnik poveca font onda slova krenu da probijaju sa donje strane... ova druga varijanta sto ste pomenuli sa bottom:0, mi ne radi posao jer link je display:block visine 70px i text ostane na vrhu tog bloka (pozicionira se blok, ali ne i text u njemu)... varijanta koja savrseno radi je display:table-cell u kombinaciji sa vertical-align:bottom, ali narafski to IE ne kapira...

kako bilo, hvala svima, izgubih celu noc na tu glupost ...

[noviKorisnik]

aha, hoćeš da ti svi 70 pihela visine reaguje na miša... modifikuj html ondak - ubaciš span koji pozicioniraš na patos.

[xippi]

verovatno ce trebati jos nekom

http://klodovik.com/css-lab/menu/bottom.html

ne svidja mi se kako hover radi. pogledacu kasnije sta se sa njim desava

edit: desava se da gledam kroz remote desktop. sve u redu, skleroza

[ivanhoe]

jebem li ga, umesto tabela ispada da treba da koristim listu sa ubacenim linkovima, a u svakom linku po span... ziveo progres... :/

[noviKorisnik]

Hahaha, baš ... no, ako već možeš da menjaš html... ne znam ko bi ti zamerio.

[Dragan Babić]

Ivanhoe, ceo problem ove price je to što imaš fiksno definisan height, a kao što znaš to je depreceated ponašanje. Da si lepo definisao visinu u em-ovima, dao gornji padding -- eto ti mnogo boljeg rešenja koje se daleko bolje skalira.