Autor | Zpráva | ||
---|---|---|---|
__construct Profil |
#1 · Zasláno: 28. 3. 2011, 13:53:56 · Upravil/a: __construct
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> 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 |
#2 · Zasláno: 28. 3. 2011, 15:02:46 · Upravil/a: ShiraNai7
Blbne to i ve FF 3.6 .. když vymažu tuto deklaraci:
content: url('menu.png'); |
||
__construct Profil |
#3 · Zasláno: 30. 3. 2011, 19:00:03
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 |
#4 · Zasláno: 30. 3. 2011, 19:09:47
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 |
#5 · Zasláno: 30. 3. 2011, 19:20:31 · Upravil/a: __construct
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 |
#6 · Zasláno: 30. 3. 2011, 21:15:01
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 |
#7 · Zasláno: 31. 3. 2011, 08:21:41
__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 |
#8 · Zasláno: 31. 3. 2011, 09:18:51
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 :-)
|
||
Časová prodleva: 13 let
|
0