listに設定した画像の表示位置の設定方法

質問

現在cssで定義したリストマークでで困っています。

小さな画像の○をリストに定義しているのですが、なんといいましょうか？下付きになるというか、その横に来る文章との表示バランスが取れません。

大げさに言うと、
↓リスト画像のつもり・・・。
○
　こんな感じで文章が来てしまいます。

これをお互い真ん中で↓
○こんな感じで文章が来てしまいます。

と表示させたいのですが、何処を定義しても効果が得られません・・・。

このような場合は何処に定義を行ったら表示がうまくいきますでしょうか？？

お詳しい方おられましたら、アドバイス宜しくお願いいたします。

回答No.3

partita · ベストアンサー

画像をlist-style-imageで設定しているのか、liのbackground-imageで指定しているのかによって、CSSの記述が異なります。

前者は簡単な方法に見えますが、融通がききません。画像そのものを作成しなおすのがよろしいでしょう。

後者もその方法で可能ですが、background-positionで調節するのが一般的です。

お礼

みなさん有難う御座いました。

listに関しては様々なバグもあるようで該当している部分が多々ありました。

とりあえず、背景として対応しました。
有難う御座いました。

回答No.2

naokita

NO,1さんの場合もあり。画像の下部に余計な余白がある場合もあり。　変な指定を指定してる場合もあり。

縦方向の微調整ならバーティカルアラインで指定。

指定要素　{ vertical-align: 値; }

値は、sub,sup,%,middle,長さ,top,bottom,等々です。

回答No.1

noname#20377

自信ないですが、

http://cssbug.at.infoseek.co.jp/detail/winie/b070.html

http://cssbug.at.infoseek.co.jp/detail/winie/b028.html

といったバグに該当していませんか？

こんなのもありましたが・・・
http://www.koikikukan.com/archives/2005/06/14-235902.php