Autor | Zpráva | ||
---|---|---|---|
simpanc Profil |
#1 · Zasláno: 14. 8. 2008, 14:29:13 · Upravil/a: simpanc
.... když si nastyluju li obecně, tak když pak chci u jinýho seznamu řádkování s čísly a přidám třídu viz níž class="cisla" tak to ignoruje... a chováse to podle normálního li
li {list-style-image : url(li.png);} .cisla{list-style-type:decimal;text-decoration:underline;} .ABC {list-style-type:upper-latin;} (Rád bych měl všechny <li> hezčí než klasik podle mýho obrázku a pokud bych zadal třídu tak aby se to podle ní řídilo..) Hledal jsem, zkoušel jsem... a tak mě napadá jen způsob zápisu csska... a to nevím jak.... díky předem ;) |
||
vertigo4 Profil |
#2 · Zasláno: 14. 8. 2008, 14:49:00
simpanc
li.cisla {... } li.ABC {... } |
||
simpanc Profil |
#3 · Zasláno: 14. 8. 2008, 15:20:49
li {list-style-image : url(li.png);} li.cisla{list-style-type:decimal;text-decoration:underline;} li.ABC {list-style-type:upper-latin;} takhle to nefunguje (: |
||
joe Profil |
#4 · Zasláno: 14. 8. 2008, 15:48:08 · Upravil/a: joe
viz. Dero
|
||
Ghosting Profil |
#5 · Zasláno: 14. 8. 2008, 15:59:07
<ot>Já mám otázku na joe, ten "!important" tam u toho
„li.cisla{list-style-type:decimal !important; text-decoration:underline !important;} “ by stačil jeden ne? </ot> |
||
Dero Profil |
#6 · Zasláno: 14. 8. 2008, 15:59:39
„Myslím, že je to normální chování a že se upřednostňuje li než li.cisla.“
Ale kdepak. Problém je v tom, že vnořené prvky LI zdědí obrázkovou odrážku. Stačí nastavit list-style-image na none a vše je v pořádku. Mimochodem, pokud není třeba zvlášť stylovat jednotlivé prvky LI, doporučuju všechny vlastnosti aplikovat přímo na prvek seznamu (OL, UL). |
||
Bubák Profil |
#7 · Zasláno: 14. 8. 2008, 16:05:08 · Upravil/a: Bubák
takhle to nefunguje (:
Logicky, list-style-image je úplně jiná CSS vlastnost, než list-style-type. Lamácké řešení: .cisla{list-style-image: none; list-style-type:decimal;text-decoration:underline;} .ABC {list-style-image: none; list-style-type:upper-latin;} O něco lepší řešení, navíc je vhodnější dát třídu celému, něž lamácky každé položce: ul {list-style-image : url(li.png);} ol.cisla{list-style-type:decimal;text-decoration:underline;} ol.ABC {list-style-type:upper-latin;} Ještě lepší je místo list-style-image použít obrázek na pozadí. Dodatek: Dero, já jsem neopisoval ;-) |
||
joe Profil |
#8 · Zasláno: 14. 8. 2008, 16:05:10
Dero
Pravda :-) Já na ten kód moc nekoukal, myslel jsem, že je všude list-style-type (protože list-style-image jsem snad ani jednou nepoužil), pak by tedy stačilo v ostatních třídách nastavit list-style-image na none. Ghosting Kdyby to bylo jak jsem to teď opravil díky Derovi, tak by stačil jen u list-style-type. |
||
Časová prodleva: 16 let
|
0