Autor Zpráva
__construct
Profil
Narazil som na problém s pseudoelementom :first-letter vo Firefoxe.
<menu>
    <li><a href="#">Lorem</a>
    <li class="aktivny">
        <a href="#">Ipsum</a>
        <ul>
            <li><a href="#">Dolor</a>
            <li><a href="#">Sit</a>
        </ul>
    <li><a href="#">Amet</a>            
</menu>
Všetky prehliadače mi to vykreslia správne okrem Firefoxu - v tom sa menu a:first-letter štýl aplikuje až na hlbšie zanorenené elementy a zobrazuje sa to následovne

Živá ukážka

Dá sa to nejak ošetriť?
ShiraNai7
Profil
Blbne to i ve FF 3.6 .. když vymažu tuto deklaraci:
content: url('menu.png');
Tak to funguje normálně. Vkládej tam obrázky přes background-image, takové použití contentu jsem ještě neviděl... nakonec CSS má řešit vzhled, ne vkládat obsah.
__construct
Profil
ShiraNai7:
Vkládej tam obrázky přes background-image, takové použití contentu jsem ještě neviděl... nakonec CSS má řešit vzhled, ne vkládat obsah.
To nie je riešenie. Nakoniec som tam nepoužil pseudoelement :before ale :after - je to absolútne napozicovaný, takže už sa to zobrazuje normálne.

Nevidím nič zlé na použití vlastnosti content

Zaujímavé je, že FF má celkovo nejaké problémy s pseudoelementom :first-letter - na bugzille je v súčasnosti nahlásených 122 chýb s kľúčovým slovom „first-letter
Chamurappi
Profil
Reaguji na __constructa:
Nevidím nič zlé na použití vlastnosti content
Prvním písmenem je ten obrázek. Stejný efekt způsobí i <img> vložený před text. Zajímavé.

Vzhledem k tomu, že vkládaný obrázek pozicuješ, nezáleží na tom, zda je před textem, nebo za ním — můžeš tedy použít patrně s totožným efektem :after a pak zůstane :first-letter neovlivněné.
__construct
Profil
Chamurappi:
Vzhledem k tomu, že vkládaný obrázek pozicuješ, nezáleží na tom, zda je před textem, nebo za ním

Veď to som písal [#3] :-)
Nakoniec som tam nepoužil pseudoelement :before ale :after - je to absolútne napozicovaný, takže už sa to zobrazuje normálne.
Chamurappi
Profil
Reaguji na __constructa:
Hopla. Tuhle tvoji větu jsem nějak přeskočil. A jakou jsem měl radost, když mě ten :after napadl :-)
ShiraNai7
Profil
__construct:
Nevidím nič zlé na použití vlastnosti content

Jde to prostě proti definici CSS..

Cascading Style Sheets - standard, který umožňuje při tvorbě web stránek oddělit informaci o formátování (styly) od samotných dat. Změnou definice CSS se pak změní zobrazení všech dokumentů na něm závislých.

Cascading Style Sheets = kaskádové styly Nahradily formátování pomocí atributů a umožnily tak zcela oddělit obsah od formy stránky.

je zkratka pro anglický název Cascading Style Sheets, česky tabulky kaskádových stylů. Je to jazyk pro popis formátování způsobu prezentace stránek napsaných v jazycích HTML, XHTML nebo XML.

Občas je to sporné (třeba zrovna vkládání obrázku), ale proč to používat, když to jde udělat jinou, běznou metodou, která by navíc v tomto případě fungovala stejně ve všech prohlížečích?
__construct
Profil
ShiraNai7:
Jde to prostě proti definici CSS
Takže ak by som podľa Teba použil li{list-style-image: url('...')} tiež idem proti definícii CSS?
Používam tam pseudoelementy v kombinácii s content, kvôli možnosti minimalizovania CSS Sprites - je to pre mňa lepšia varianta spomínaného list-style-image.

která by navíc v tomto případě fungovala stejně ve všech prohlížečích
No tak užívatelia lt IE 8 neuvidia obrázky v menu :-)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: