Autor Zpráva
Silencer
Profil
Je to tak jednoducha vec, mozno bude vediet niekto poradit.
Chcem pouzit odrazky typu "a)". Problem je v tom, ze ked dam <ol type="a">, tak vypisuje a s bodkou a nie zatvorkou.
Viete niekto fintu na to, aby sa tam zobrazovala namiesto bodky zatvorka?
Diky.
J
Profil *
složitě - obrázky v seznamech. Pro každý li pomocí tříd přiřadit extra obrázek písmenka se závorkou...
Nox_lbc
Profil
složitě - obrázky v seznamech. Pro každý li pomocí tříd přiřadit extra obrázek písmenka se závorkou...

No to snad ne ;) ... Ručně nebo jednoduchým cyklem v PHP (popř. ASP) ...
Silencer
Profil
Tymi obrazkami by to bola asi samovrazda. Tym php cyklom si to ako myslel?
Joker
Profil
V prohlížečích znalých CSS2 by fungovalo i něco takovéhoto:

.zavorkovana li {list-style-type: none; }
.zavorkovana li:before {content: 'a) ';}
.zavorkovana li+li:before {content: 'b) ';}
.zavorkovana li+li+li:before {content: 'c) ';}
(....)

<ul class="zavorkovana">
<li>neco</li>
<li>neco</li>
(...)
</ul>

Bohužel nejde v IE.
Silencer
Profil
Neda sa ten zapis zjednodusit tak, ze by pouzival male pismena, a za kazde hodil zatvorku?
Mam odseky, kde to je kdesi az po "m" alebo aj dalej a zbytocne by som natahoval css styl.
Dero
Profil
Neda sa ten zapis zjednodusit tak, ze by pouzival male pismena, a za kazde hodil zatvorku?
Mam odseky, kde to je kdesi az po "m" alebo aj dalej a zbytocne by som natahoval css styl.


Ale to by jistě šlo, nevím tedy, jestli to z hlavy trefím úplně přesně, ale například takto:

ol { counter-reset: item; }
li { list-style: none; counter-increment: item; }
li:before { content: counter(item, lower-alpha) ") "; }
Chamurappi
Profil
Reaguji na Dera:
Škoda, že to nejde napsat takhle:
ol { counter-reset: item; }
ol[start] { counter-reset: item attr(start); }
ol li { counter-increment: item; list-style: none; }
ol li[value] { counter-reset: item attr(value); }
ol[type="a"] li:before { content: counter(item, lower-alpha) ") "; }
ol[type="A"] li:before { content: counter(item, upper-alpha) ") "; }
/* atd. */
Druhý parametr counter-resetu musí být podle specifikace číslo, atribut nebere a prohlížeče to bohužel důsledně respektují.
Smůla, že se nikdo nepokouší o skunk-work z rodiny CSS. Asi to je tím, že Hickson pracuje na té „oficiální“ specifikaci :-)
J
Profil *
Silencer: Co definiční seznam? Ale jen v IE je dt a dd na jednom řádku.
<dl compact>
<dt>a)</dt>
<dd>aaaaaaaaaaaaaa</dd>
<dt>b)</dt>
<dd>bbbbbbbbbbbbbbb</dd>
</dl>
Silencer
Profil
Derovi: Skusam tvoj zapis aj s roznymi obmenami, ale nevypisuje nic. Mozno bude niekde chybicka v zapise, skusal som ju najst, ale nepomohlo.

J: Na tejto stranke som sa docital o definicnom zozname, ze sa uz nepouziva. Okrem toho je to na stranku, ktora musi prisne dodrziavat zakony kompatibility v prehliadacoch.
Joker
Profil
Dero + Chamurappi - Ale ani tak to nebude fungovat v IE, ne?

J
Tak "ručně" už se to dá udělat jakkoliv, vtip toho CSS řešení je, že je to definované pro všechny seznamy na jednom místě.
Chamurappi
Profil
Reaguji na J:
Ve všech prohlížečích však bude fungovat dt { float: left }.


Reaguji na Silencera:
Zápis je dobře, podporuje jej Mozilla a Opera, nepodporuje Explorer.

Na tejto stranke som sa docital o definicnom zozname, ze sa uz nepouziva
Používá se úplně normálně na všechno možné, ne jen na vysvětlování pojmů. Koukni se třeba do zdrojáku této stránky.

je to na stranku, ktora musi prisne dodrziavat zakony kompatibility v prehliadacoch
Definiční seznam existuje cca 16 let a není reálné, že by někdo odebral jeho podporu. Ze zde navržených řešení patří mezi ty spolehlivější.


Reaguji na Jokera:
Vtip CSS je v tom, že má definovat prezentaci, nikoliv nést informační hodnotu.
Písmenkové odrážky jsou na hranici mezi prezentací a informací. Pokud se na ně odvolává někde v textu, měla by být buď v <ol type="a">, nebo vyjádřena v textové formě uvnitř nějaké značky. Jakkoliv je nám líto bříšek prstů.
Silencer
Profil
Ja som skusal zapis v IE, tak to je mozne.
Asi naozaj ako najlepsie riesenie sa mi javi ten definicny zoznam. Je to aj preto, ze ludia co robili povodny dokument, ktory prerabam do html nesli uplne podla abecedy a preskocili "q" co html odrazkovanie nepreskakuje. Je to oficialny dokument, kde to moze robit problemy. Pri definicnom zozname vsak pisem rucne pismena, takze to moze vyhovovat.
Dakujem vsetkym za pomoc.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0