画像表示

質問

<STYLE TYPE="text/css">
<!--
div.sured_line {
background-image: url("/img/rope_g.gif");
width: 95%;
height: 12px;　（画像の縦幅）
}
-->
</STYLE>

<div class="sured_line"></div>

掲示板のスレッドとスレッドの間に、ライン画像を入れようとしています。

このままだと、何故か画像がほんの少しだけ縦にだぶってしまいます。
（ラインの画像の下に、ラインの上部が少し見えている。）
height を小さくしたり、０にしてみても変化はありません。
div の代わりに table を使うとちゃんと表示されます。

これはどこを調整したらよろしいでしょうか？
よろしくお願いします。

回答No.1

Oh-Orange · ベストアンサー

div.sured_line {
　background-image: url("/img/rope_g.gif");
　background-repeat: repeat-x;　←ここ
　width: 95%;
　height: 12px;
}

または
div.sured_line {
　background-image: url("/img/rope_g.gif");
　background-repeat: no-repeat;　←ここ
　width: 95%;
　height: 12px;
}
として繰り返しを禁止してみる。

参考URL：

http://www.htmq.com/style/background-repeat.shtml

お礼

ご指摘の通りで改善されました。どうもありがとうございました。