WEB相談室

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

タイトル:<li>で二行目以降をインデント

0:[投稿] 安芸千秋 [MAIL] [2002/06/04 02:16 ][環境:UNIX系+OTHER UNIX系+OTHER]

リストで二行目以降をインデント表示させたいのですが、可能でしょうか?

こんなかんじです。
-----
・第十四章 フィリアス・フォッグが、カンジス川の美しい景色を
      見ることを考えないでそこを下りきること
-----

CSSのtext-indentはあくまで一行目をインデントするためのものですし。


1:[回答] D.D. [2002/06/04 03:17 ]

HTML を仕様どおり使いたいなら、それは ul + li でマークアップすべきではないし、
仕様を特に気にしないなら table layout で良いと思われ。

display: inline にした hn なんかでなんとかなるかも知れず。


2:[回答] hama [2002/06/04 10:00 ]

text-indentでマイナスの値。とか。


3:[回答] ななし [2002/06/04 12:38 ]

誰も ul/li でやるなんて書いてない気が。

つーかリストをマークアップするのになんでul/liじゃダメなんでしょ?
まぁこの場合は ol のが相応しそうだけど。

とりあえず手っ取り早いのは
li の padding-left にインデントしたい幅を指定して
text-indent でその幅のマイナス値を指定すればよいかと。

# これテーブルレイアウトでやろうとすると逆にめんどくさくないですか?(気のせい?


4:[質問] 安芸千秋 [2002/06/04 16:11 ]

ななしさんの方法で実現できました。
ありがとうございます。

ところで。

>まぁこの場合は ol のが相応しそうだけど。

ol + CSSのlist-style-type: cjk-ideographicだと、

十四. フィリアス・フォッ〜

になります。表示したいのは、

第十四章 フィリアス・フォ〜

と言う形式なんですが、可能でしょうか?


5:[回答] hama [2002/06/04 18:45 ]

CSSでそれが可能なのは今の所operaだけです。
が、operaはcjk-ideographicに未対応。

「第14章」なら可能かな。


6:[完了] 安芸千秋 [2002/06/05 01:06 ]

どもです。
理解しました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World