Autor Zpráva
simpanc
Profil
.... 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
simpanc
li.cisla {... }
li.ABC {... }
simpanc
Profil
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
viz. Dero
Ghosting
Profil
<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
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
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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