テーブルを使って画像を並べているのですが、どうしても空白ができてしまいます。ソースを見ても何が原因だかわかりません。
左側に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.1
- 回答日時:
えっとですね、完全に記述ミスだとおもいます。
ROWSPANとCOLSPANの書式が。
ひとつめのTRで、rowが3のTDが1つ。rowしていしてるのに、TDは1つ???
ふたつめのTRは、colが10。うえでrow指定しているってことは、本来このTRはTDが11こってことですよね?
みっつめのTRで、TDは3+rowの1で、計4。
おかしいですよね?
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.3
- 回答日時:
rowspan="3"ではなくて"2"では?
No.6ベストアンサー
- 回答日時:
>改行を入れると空白ができちゃうみたいです。
<TD></TD>の中に改行をいれると、WIN環境で空白ができますね。
Macならそんなことはないんですが。
お探しの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内で画像と文字をセンター...
-
dreamweaverで、テーブルのボー...
-
<緊急>テーブルを使わないで...
-
日本語と外国語(中国語)混在...
-
Microsoft1Officeの互換ソフト...
-
CSSのtransform: translate(-50...
-
エクセルで一部分のセルの高さ...
-
敬語
-
実行結果をデジタル時計みたい...
-
エクセルでサイズ指定でPOP...
-
ホームページビルダー 空白の...
-
Excel セルの幅が合わない
-
ホームページビルダーでセルの...
-
文字を中央に寄せる
-
ホームページビルダーで、画面...
-
エクセルのセル幅の表示
-
パソコンでランドルト環の作成...
-
表の幅が広がる
-
<tbody>は何のためにあるんでし...
-
小窓を表示させたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
表の中に表
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
テーブルで3セル作った行の下に...
-
<td> 内のテーブルを上寄せにす...
-
表の中でのフォーム
-
CSS line-height が効かない
-
テーブルの中のグラデーション...
-
テーブルとテーブルの間に、隙...
-
セルの背景画像を、繰り返さず1...
-
cssのfont-sizeがFirefoxで効か...
-
innerHTMLを使わずに…
-
Jimdoで表組のなかの画像をポッ...
-
Firefox2で縦方向に隙間が出来...
-
スタイルシートで<table>の内側...
-
ヤフーストアのブースのカスタ...
-
Dreamweaverでソースが横一列に...
-
width="150" に収まるように・...
-
壁紙に複数の画像を使いたい
おすすめ情報