中小企業の働き方改革をサポート>>

こんにちは。
素材屋さんに置いてあるテーブル用の画像を使い、
テーブルの一番外側のセルに画像を入れているのですが、
最上段と2番目の行との間にどうしても隙間ができてしまいます。
具体的にはこのページのようになってしまいます。
http://sumiresou.web.fc2.com/test2.html
自分で原因検索をしてみてもなかなか上手くいきません。
どなたか教えて頂けないでしょうか?
使用ソフトはHTML Formater、パソコンはMac OS10.4です。
よろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

<td>タグとその中の<img>タグの間にスペース、または改行が入ってる為、その分の行の高さが出てしまっています。


そのスペースや改行を削除してみたら、想定したとおりの表示になると思います。

また、その他の方法としては、<td>タグに style="line-height:0px;" を指定してみる方法もあります。
1行目を以下のようにします。

<tr>
<td style="line-height:0px;"><img src="image/aqua_sd01/c1.gif" width="75" height="75" border="0"></td>
<td style="line-height:0px;" background="image/aqua_sd01/s1.gif"><img src="image/aqua_sd01/dummy.gif" width="1" height="1" border="0"></td>
<td style="line-height:0px;"><img src="image/base_sd01/c2.gif" width="75" height="75" border="0"></td>
</tr>
    • good
    • 0
この回答へのお礼

早速のご指摘ありがとうございました!
スペースの有無にかかわらず、同じ症状が起こってしまっていたのですが、
教えて頂いたタグを使ってみたところ無事解決いたしました。
本当にありがとうございました。

お礼日時:2011/10/02 16:13

1行目の左右の IMG要素に style="vertical-align:bottom" を挿入すると隙間がなくなります。



<img src="image/aqua_sd01/c1.gif" ... border="0" style="vertical-align:bottom">
<img src="image/base_sd01/c2.gif" ... border="0" style="vertical-align:bottom">
    • good
    • 0
この回答へのお礼

教えて頂きありがとうございます!
Questaさんの教えてくださった方法でも無事に上手くいきました。
本当にありがとうございました。

お礼日時:2011/10/02 16:15

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング