テーブルを使って画像を並べているのですが、どうしても空白ができてしまいます。ソースを見ても何が原因だかわかりません。
左側に145*89のセルが一つあり、右上に604*54のセル、右下には35*35、60*35、509*35の3つのセル(今後増やす予定です)を作り、画像を並べたいと思っています。
が、左の画像と右下(2つ)の画像、右下(2つ)の画像と右上の画像との間にそれぞれ少しだけ空白ができてしまいます。
何が原因だか分かりますか?どうかよろしくお願いします。
ソースは以下の通りです。
<table width="749" height="89" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3" width="145" height="89"><IMG SRC="images/main_up_01.gif" width="145" height="89">
</td>
</tr>
<tr>
<td width="604" height="54" colspan="10"><IMG SRC="images/main_up_02.gif" width="604" height="54">
</td>
</tr>
<tr>
<td width="35" height="35">
<img src="images/top.gif" width="35" height="35">
</td>
<td width="60" height="35">
<img src="images/top2.gif" width="60" height="35">
</td>
<td width="509" height="35"> </td>
</tr>
</table>
No.6ベストアンサー
- 回答日時:
>改行を入れると空白ができちゃうみたいです。
<TD></TD>の中に改行をいれると、WIN環境で空白ができますね。
Macならそんなことはないんですが。
No.2
- 回答日時:
正しくは、こうじゃないでしょうか?
<table width="749" height="89" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3" width="145" height="89"><IMG SRC="images/main_up_01.gif" width="145" height="89"></td>
<td width="604" height="54" colspan="3"><IMG SRC="images/main_up_02.gif" width="604" height="54"></td>
</tr>
<tr>
<td width="35" height="35"><img src="images/top.gif" width="35" height="35"></td>
<td width="60" height="35"><img src="images/top2.gif" width="60" height="35"></td>
<td width="509" height="35"> </td>
</tr>
</table>
ちなみに、OS・ブラウザは何を使って確認していますか?
それと、実際にアップロードしているURLとかがあれば、画像を確認しながら説明できるのですが・・・。
OSはWin98、IE5.5を使っています。
これだけ説明してもらえるとさすがにわかると思います。
どうもありがとうございました。本当に助かります。
No.1
- 回答日時:
えっとですね、完全に記述ミスだとおもいます。
ROWSPANとCOLSPANの書式が。
ひとつめのTRで、rowが3のTDが1つ。rowしていしてるのに、TDは1つ???
ふたつめのTRは、colが10。うえでrow指定しているってことは、本来このTRはTDが11こってことですよね?
みっつめのTRで、TDは3+rowの1で、計4。
おかしいですよね?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
table内で画像と文字をセンター...
-
表の中でのフォーム
-
Excelで可視部分だけをWeb形式...
-
テーブルで3セル作った行の下に...
-
スタイルシートで<table>の内側...
-
HTMLでテーブルを縦に並べたい!
-
表の中に表
-
テーブルとテーブルの間に、隙...
-
<td> 内のテーブルを上寄せにす...
-
セルの背景画像を、繰り返さず1...
-
エクセルでサイズに合ったもの...
-
CSSのtransform: translate(-50...
-
PDFへてのテキストボックスにて...
-
Excel で等間隔で縦線を引きた...
-
INPUT TEXT内の文字位置を指定...
-
道路幅を調べたいのですが
-
window.close()で閉じられない
-
htmlでテーブル内にテキストボ...
-
<tbody>は何のためにあるんでし...
-
Excel セルの幅が合わない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
<td> 内のテーブルを上寄せにす...
-
HTMLでテーブルを縦に並べたい!
-
表の中に表
-
テーブルで3セル作った行の下に...
-
Excelで可視部分だけをWeb形式...
-
スタイルシートで<table>の内側...
-
Jimdoで表組のなかの画像をポッ...
-
テーブルとテーブルの間に、隙...
-
WebにてExcelを生成してダウン...
-
<TABLE><TD><TR>~内のアンカー
-
DWでのメールフォーム作成
-
表の中でのフォーム
-
プリントアウト時、ページ内容...
-
CSS line-height が効かない
-
htmlのセル幅固定の仕方
-
valign="top" が効かない
-
cssのfont-sizeがFirefoxで効か...
-
width="150" に収まるように・...
-
ドリームウェーバー(ウィーバ...
おすすめ情報