質問箱/3142

カテゴリ
サマリ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;
}

なんとかプラグインを使わず似たような表示にする方法はないでしょうか?

回答

  • CSSでは解決できない見出し構造があるので取り下げます。

    具体例

    *H1-1
    **H2-1
    **H2-2
    ***H3-1
    **H2-3

    これが下のようになってしまいます。

    * H1-1
       o H2-1  o H2-2
          + H3-1 
       o H2-3
    下部構造を持つ見出しなのか判断させないとダメみたいです。 -- Cue 2005-07-21 (木) 20:38:41


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-03-08 (月) 13:13:16
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.204 sec.

OSDN