WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:番号を降順につけたい

まめひろ [MAIL] [WriteDate : Fri May 18 16:15:02 2001]

HTMLタグの<OL>では1から順に昇順にしか番号がつきませんが、なんとかしてこれを降順(5.4.3...)に番号をつけたいのですがなにか方法はあるでしょうか?


ちゃいぱ [WriteDate : Fri May 18 22:44:08 2001]

私も知りたい!
前にあきらめた記憶があります...。

カヅサツさ〜ん!


カヅサツ [MAIL] [URL] [WriteDate : Fri May 18 23:40:45 2001]

なんでオレがご指名デスか!

現象の上っ面だけみれば LI 要素の TYPE 属性で可能でしょうが、
ちょっとイロイロ悩みどころがあるので思考中です。
ひょっとしたらムリに OL 要素を使う必要はない(使わない方がいい)
かもしれないとか、なんというか、こう。


TNN [WriteDate : Sat May 19 01:41:15 2001]

CSS2で、contentプロパティのカウンタ指定を利用すれば、指定だけはできる筈です。

すみけんさんの『スタイルシートWebデザイン』206ページ参照。

もつとも、現行のブラウザで、CSS2のカウンタを実装してゐるものは皆無です。と云ふか、以前カウンタの実験をしようとしてみたものの、結果を確かめる事ができないので、理解する努力を放棄。苦笑。

CSS2仕様書(原文)

http://www.w3.org/TR/REC-CSS2/syndata.html#counter
http://www.w3.org/TR/REC-CSS2/generate.html#propdef-counter-increment
http://www.w3.org/TR/REC-CSS2/generate.html#propdef-counter-reset

CSS2仕様書(邦訳)

http://www.fan.gr.jp/~kaz/rec-css2/syndata.html#counter
http://www.fan.gr.jp/~kaz/rec-css2/generate.html#propdef-counter-increment
http://www.fan.gr.jp/~kaz/rec-css2/generate.html#propdef-counter-reset


ma-to [WriteDate : Sun May 20 11:39:14 2001]


実装とは別に。

/* CSS */

h1[title="test"]{display:block;counter-reset:testCounter 6;}
ol{display:block;}
ol[id="test"]>li{display:list-item;}
ol[id="test"]>li:before{display:marker;content:counter(testCounter,decimal);
counter-increment:testCounter -1;}


<!-- html -->

<h1 title="test">test</h1>
<ol id="test"><li>...</li><li>...</li><li>...</li><li>...</li><li>...</li></ol>



貧弱な語彙力から思いつく-moz-を何パターンか試みても無理でした。そもそもリストのマーカーが消えない時点で-moz-の気配はないと思われます。従ってこっそりと以下の邪道な方法を取るでしょう。

<dl>
<dt title="marker">5</dt><dd>...</dd>
<dt title="marker">4</dt><dd>...</dd>
<dt title="marker">3</dt><dd>...</dd>
<dt title="marker">2</dt><dd>...</dd>
<dt title="marker">1</dt><dd>...</dd>
</dl>


これは単なる手書きと同じ事です。


カヅサツ [MAIL] [URL] [WriteDate : Mon May 21 11:01:09 2001]

そもそも「どうして番号を降順にしたいのか」というのも一考の余地があるかも知れません。

リストアイテムに振られるマーカの数値が正確に表現されねばダメな文章では、
(TYPE 属性にしろ CSS にしろ)要素のスタイルを期待しすぎるのは
危険かもしれません。作成者側が何も指定しないとしても、
OL 要素直下の LI 要素のマーカが1, 2, 3... と振られるとは限らないので。

「最初にテキストありき」の考え方でいくならば、
まずまめひろ様に元になるテキストを例示していただいて、
それからマークアップ方法を検討する方が良いと思います。


まめひろ [WriteDate : Fri May 25 10:22:39 2001]

いろいろと試行錯誤をいただきありがとうございます。やっぱり簡単そうでもなかなかできないものなのがよくわかりました。ma-toさんにあるような手書きの方法で対応します。ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World