カテゴリ | |
---|---|
サマリ | CSSを使って#contentsの行数を少なくできないか |
バージョン | |
投稿者 | Cue |
状態 | 却下 |
投稿日 | 2005-07-15 (金) 18:31:51 |
要は<li>で改行させず、一行にまとめたいのですがうまくいきません。 とりあえずこんなCSSにしてみましたが、FirefoxではそれらしくなりますがIEではマーカーが出ず間隔もくっついてしまいます。
div.contents ul.list2 li{ display: inline; quotes: '*' ''; } div.contents ul.list2 li:before{ display: marker; content: open-quote; } div.contents ul.list2 li:after{ display: marker; content: close-quote; } div.contents ul.list3 li{ display: inline; quotes: '[' ']'; } div.contents ul.list3 li:before{ display: marker; content: open-quote; } div.contents ul.list3 li:after{ display: marker; content: close-quote; }
なんとかプラグインを使わず似たような表示にする方法はないでしょうか?
下部構造を持つ見出しなのか判断させないとダメみたいです。 -- Cue 2005-07-21 (木) 20:38:41具体例
*H1-1 **H2-1 **H2-2 ***H3-1 **H2-3これが下のようになってしまいます。
* H1-1 o H2-1 o H2-2 + H3-1 o H2-3