| Autor | Zpráva | ||
|---|---|---|---|
| hobr Profil * |
#1 · Zasláno: 27. 5. 2010, 08:31:46
Zdravím,
mám zhruba takovýto seznam položek menu: <ul class="menu"> <li class="expanded first active-trail"><a href="/tento/o-nas" class="active-trail">O nás</a> <ul class="menu"> <li class="leaf first "><a href="/tento/desatero">Desatero</a></li> <li class="leaf"><a href="/tento/zacit">Začít</a></li> <li class="leaf"><a href="/tento/historie">Historie</a></li> <li class="expanded active active-trail"><a href="/tento/dokumenty" class="active-trail active">Dokumenty</a> <ul class="menu"> <li class="leaf first"><a href="/tento/dokumenty/plan">Plán</a></li> <li class="leaf"><a href="/tento/dokumenty/zpravy"">Zprávy</a></li> </ul></li> <li class="leaf"><a href="/tento/uspechy">Úspěchy</a></li> </ul></li> <li class="collapsed"><a href="/tento/skola" >Škola</a></li> atd... Pro názornost schéma:
O nás - Desatero
- Začít
- Historie
- Dokumenty - Plán
- Zprávy
- Úspěchy
Škola
Nevím, jak odlišit stylově Plán a Zprávy od Desatero, Začít, Historie a Úspěchy. Třídy nemohu změnit, ty vytváří redakční systém. Nicméně vím, že se nějak dá stylově odlišit stejná třída, když je jinak v seznamech vnořená. Kdysi jsem to někde viděl, ale nemůžu to dohledat :( Děkuji moc za pomoc! |
||
| Nox Profil |
#2 · Zasláno: 27. 5. 2010, 09:43:33 · Upravil/a: Nox
ul.menu{...}
ul.menu ul{...} /* seznam uvnitř seznamu */
/* nebo ul.menu ul.menu{...} pokud je to potřeba*/ale pozor na dědičnost |
||
| Bubák Profil |
#3 · Zasláno: 27. 5. 2010, 15:54:15
Možná sis to odvodil, jen doplním Noxe, protože styl pro „Plán a Zprávy“ mu u ukázce chybí:
ul.menu ul ul {...} /* seznam uvnitr zanoreneho seznamu */Není mi jasné, proč dáváš zanořeným seznamům třídu "menu", řádky 3 a 8 tvého HTML kódu, seznam i položky seznamu nastyluješ i bez těchto vnořených tříd. |
||
| Nox Profil |
#4 · Zasláno: 27. 5. 2010, 15:55:56
Bubák:
hobr: „Třídy nemohu změnit, ty vytváří redakční systém.“ |
||
| hobr Profil * |
#5 · Zasláno: 27. 5. 2010, 17:07:00
Zkusil jsem:
ul.menu ul.menu ul{...}což funguje :) Díky moc! |
||
|
Časová prodleva: 14 let
|
|||
0