xom`s pinion - Tom Hnatovsky Blog
Firefox: problém s text-indent
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.
Radek 4.8.06 13:09
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 {}