行間を普通より少し広くするには？

CSS初心者 2000/04/03(月) 10:29:20
<p>と<ul>で行毎の間隔を普通より少し広くするにはどうしたらいいですか。
（line-heightだとなんかうまくいかない）

よろしくお願い致します。

カヅサツ [E-Mail] [HomePage] 2000/04/03(月) 11:26:56
CSS初心者様：

基本的に line-height 以外では行間を操作する
プロパティはないと思います。

ul要素であれば、list-style-image で、
文字よりもやや大きめの画像をリストマークにしてあげると、
「結果的に」行間が広がる様子ですが…

line-height だと上手くいかない、
というのが良く判りません。
Netscape Navigator 4 や Microsoft Internet Explorer 3
での動作なのでしょうか。

CSS初心者 2000/04/03(月) 11:46:41
[[解決]]
「:」が抜けた単純ミスでした。
以下で上手くいきました。カヅサツさんありがとうございました。

p { margin: 1px 1% 1px 1%; line-height: 1.4em; }
ul { line-height: 1.4em; }

うそっち 2000/04/03(月) 11:53:33
P,UL{line-height:1.5;}
P,UL{line-height:1.5em;}
上のふたつは若干反映のされ方が異なりますが両方試して
みましたでしょうか。
NNでは数値の倍くらいの行間が空いてしまうのが困りものですが。

あとline-heightを効かしているブロック要素の中に
インラインイメージを入れるとダメですよね。
前後のブロック要素にまで影響が及ぶこともありますし。
（イメージの高さがフォントのそれ以下なら問題ないか）
これって対処法があるのでしょうか？

うそっち 2000/04/03(月) 11:56:04
ゴメンなさい。
書いてる間に質問者の件は解決してしまいました。

カヅサツ [E-Mail] [HomePage] 2000/04/03(月) 13:38:02
うそっち様：

> あとline-heightを効かしているブロック要素の中に
> インラインイメージを入れるとダメですよね。

NetscapeNavigator 4 ではそうですね。
バグだと思われます。

> これって対処法があるのでしょうか？

line-height 属性が書かれた外部 CSSファイルを、
@import 命令で読み込ませるとか、
LINK 要素で読み込ませる時に、その MEDIA属性に
screen 以外の値（「all」等）を入れておくとかですか。
NN4 への後ろ向きな対処ですが。

うそっち 2000/04/04(火) 12:32:26
>> あとline-heightを効かしているブロック要素の中に
>> インラインイメージを入れるとダメですよね。

> NetscapeNavigator 4 ではそうですね。
> バグだと思われます。

Mac版IE4.01でも表示がおかしくなります。（困った^_^;）
画像をline-heightを効かしているブロック要素に入れないでfloatする方法で対処していますが、Mac版IE5では見え方がちょっと違うのでまた困っています（ぬぬぬぅ）。

CSS初心者 2000/04/04(火) 12:59:41
ＣＳＳで
IE各バージョン（さらにＯＳ毎）,ネスケ各バーション（さらにＯＳ毎）
すべてに対して考慮するとかなり時間つぶせます。
これって、いやがらせ？（ソフト会社の）

早く、HTML+CSSで気軽（時間かからず）にＨＰ作成できる日をのぞみます。

ブラウザのCSSオフ時にちゃんとHTML表示すればＯＫとします。(私は...）
（あと、その時の表示のほうがシートありより見やすかったりして..、なんのために時間費やしたか...、本当にとほほ...。）.

[上に] [前に] [次に]