xom`s pinion - xomův blog

Blog šťastného středoevropana plný subjektivních blábolů.

Dejchá, furt dejchá!
Jedem!
úvod » Firefox: problém s text-indent

Firefox: problém s text-indent

Firefox a jeho chybička.. Když odsadíme první řádek odstavce metedou text-indent, tak se nám vložený obrázek napozicovaný pomocí float: right či left zobrazí ve Firefoxu až na druhém řádku, Explorer a Opera zobrazí obrázek korektně na prvním.. Chvilku jsem dumal, čím zajistím chování i ve zmíněném Firefoxu.

CSS zápis vypadá takto:

p { text-indent: 2em; } p img { float: right; }

Po chvilce zkoušení s vertical-align mne napadlo dát odstavci definici pomocí pseudotřídy first-line, ale co do ní? Nemusí obsahovat absolutně nic, sice to není úplně čisté, ale prázdná definice zaručí přepozicovaní obrázku na první linku a obrázek zobrazuje stejně ve všech třech majoritních prohlížečích..

Malá ukázka kódu je na této stránce.

z kategorie Web design, přidej na Linkuj.cz, publikováno 04.08.2006 11:06

Komentáře k článku (1×)

01| Radek (04.08.2006 13:09) | reakce

GRavatar

Já bych to ještě selektorem potomku schoval před staršími prohlížeči, které tuto vlastnost nepodporují třeba takto: p>druhy:first-line {}

Komentáře byly pozastaveny
© 2004-2008 Tom Hnatovsky - Všechna práva vyhrazena
TOPlist