テーブルを使って画像を並べているのですが、どうしても空白ができてしまいます。ソースを見ても何が原因だかわかりません。
左側に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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<td> 内のテーブルを上寄せにす...
-
表の中に表
-
CSS line-height が効かない
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
HTMLで表を横並びにしたくて、...
-
壁紙に複数の画像を使いたい
-
CSSのtransform: translate(-50...
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
<tbody>は何のためにあるんでし...
-
パソコンでランドルト環の作成...
-
Excelで文字の幅を変える方法
-
Formタグのブロックの高さについて
-
<h1>タグの後の行間を詰めたい。
-
ホームページビルダーで表の列...
-
ホームページビルダー14で、表...
-
CSSの設定
-
ホームページビルダーで、画面...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
CSS line-height が効かない
-
表の中でのフォーム
-
Jimdoで表組のなかの画像をポッ...
-
テーブルとテーブルの間に、隙...
-
一つのhtml内でテーブルを使っ...
-
スタイルシートで出来ますか?
-
cssのfont-sizeがFirefoxで効か...
-
テーブルにスクロールバーを付...
-
カレンダーを生成する、極少コ...
-
innerHTMLを使わずに…
-
1列4行のテーブルを結合できますか
-
ホームページの画像が表示されない
-
<td> 内のテーブルを上寄せにす...
-
こんな感じのwebページできませ...
-
Webの表で画像を並べたい
おすすめ情報