xom`s pinion - xomův blog

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

Dejchá, furt dejchá!
Mezi dvěma světy
ú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 {}

Váš komentář:
Jméno
Email (nezobrazí se, identifikace Gravataru)
URI
Okno pro text: zmenšit/zvětšit.

Převažující barva nebe:

Nápověda sytaxe komentářů

Reakci na předchozí komentář můžete učinit napsáním např. [2] či stisknutím odkazu reakce u dotyčného komentáře.

Základní formátování textu - zvýrazněné písmo je v Texy! definováno následovně *pro kurzívu* a **pro tučný řez**.

Odkazy se převádějí automaticky, ale dá se upravit slovní spojení, které bude na dotyčnou adresu ukazovat - např. "xomův fotoblog":[http://www.xom-tom.com/].

Další možnosti syntaxe

Komentáře formátuje Texy! Podrobná dokumentace syntaxe je ka nalezení na oficiálních stránkách.

» Skrýt nápovědu

© 2004-2008 Tom Hnatovsky - Všechna práva vyhrazena
TOPlist