Autor Zpráva
Jo jo
Profil *
Zdar. Aby mi text sel od prostredku obrazku pouzivam zarovnani u obrazku align="absmiddle". Tim dosahnu toho, ze treba maly obrazek i text je krasne vyrovnany, ne ze text zacinam na spodnim okraji obrazku atd... Jenze nyni resim validitu stranek a ta hlasi ze tento zpusob neni mozny. Jak jinak mam dosahnout takoveho vysledku, aby validator nenadaval???
Diky
Joker
Profil
Pomocí kaskádových stylů.
horizontální: http://www.jakpsatweb.cz/css/text-align.html
vertikální: http://www.jakpsatweb.cz/css/vertical-align.html

V některých konkrétních případech je ale dosažení kýženého efektu trochu komplikovanější
Jo jo
Profil *
Mam obrazek v tabulce, vlastne ikonu ICQ a vedle toho to cislo. CSS umim pouze trochu,ale neni mi jasny, jak bych to mel napsat. To radsi pouzije to absmiddle. Asi bych musel zadat nejaky pevny hodnoty, kolik px ma byt ten obrazek od hodniho okraje zarovnan nebo ne?
Joker
Profil
No, zrovna vertikální zarovnání na střed bývá problém... šlo by například to dát do tabulky a buňkám nastavit vertical-align, pak to funguje. A se známými rozměry obrázku by taky šlo oba prvky zabalit do <div>, obrázek udělat plovoucí (float:left) a pozici doladit přes margin či padding... nějak takhle.
Možná je nějaké lepší a elegantnější řešení, ale takhle o půlnoci už mě nic nenapadá ;)
habendorf
Profil
td {vertical-align:middle;}
Jo jo
Profil *
habendorf: Pokud ten vertical align strcim k td i k obrazku, tak to funguje, ale pouze v IE, ve Firefoxu je ikonka ICQ stale niz nez text. Odkaz je http://pcgalerie.net/kontakt.htm , je to stara verze od jneho cloveka, ale je tam aspon videt, jak to vypada, ja to predelavam, ale ty kontakty takto v tabulce musim ponechat. Takze me napda jeste vyzkouset to co psal Joker a doladit to pres margin/padding, ale to mi prijde prilis slozite...
habendorf
Profil
Jo jo: zkus ještě

td * {vertical-align:middle;}
Neo
Profil *
S tou hvezdickou? K cemu to je?
habendorf
Profil
S tou hvezdickou? K cemu to je?

Platí pro všechny potomky td (pro vše co je uvnitř td).
Jo jo
Profil *
Stale to neni ve Firefoxu uplne zarovnany, ale je to lepsi nez kdyz to pres ten vertical-align nebylo, zatim mi to staci. V IE to jde a ve Firefoxu to neni skoro poznat, takze diky.
Toto téma je uzamčeno. Odpověď nelze zaslat.