WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:テーブルについて・・・もう一度

zoukei [MAIL] [URL] [WriteDate : Wed Jun 6 11:15:00 2001]

初めて投稿します。

2行1列のテーブルで、上下に分割して1枚の絵として見せたく
以下のHTMLを書きました。

<table border="0" cellspacing="0" cellpadding="0" width="595">
<tr><td>
<IMG SRC="map/outline_aomori_u.gif" WIDTH=595 HEIGHT=225 BORDER=0" ALT="aomori_map_upper">
</td></tr>
<tr><td>
<IMG NAME=aniImage SRC="map/outline_aomori_b1.gif" WIDTH=595 HEIGHT=356 BORDER=0 usemap="#aomori_map" ALT="aomori_map">
</td></tr>
</table>

これを、Macのネスケ4.7で表示させると隙間が見えます。
が、ネスケ6.0やIE5.0だと問題なく表示されます。

問題に突き当たり、こちらのHPをのぞいたところ、過去ログに同じ問題の投稿を発見しました。

>tran [WriteDate : Wed Dec 6 22:39:35 2000]

>初めまして。テーブルについて分からないことがあるのでよろしくお願いします。

>セルに画像、例えば横1本線の画像を挿入したとします。
>またその隣のセルに同じ横1本線の画像を挿入して、ブラウザで
>見たときに2つの画像がつながっているように見せたいのですが、
>セルとセルの間にわずかに隙間ができてしまい思うようにできません。

回答として、

><tableborder="0"cellspacing="0"cellpadding="0">

とありましたが、私も同じように記述している様に思うのですが・・・。
ネスケ4.7で他のHPをのぞいてみると、
問題なく表示されるHPも存在しますのでブラウザの問題でもなさそうだし・・・?

どこがおかしくて、何が間違っているか知恵を拝借致したいと存じます。
‘レイアウトは、スタイルシートを使いましょう!’とありましたが、
宜しくお願いします。


カヅサツ [MAIL] [URL] [WriteDate : Wed Jun 6 11:21:22 2001]

TD 要素の開始タグの直後と、終了タグの直前の空白スペース
(改行、タブ文字含む)を削除し、

<td><img 〜></td>

と続けて記述して下さい。

ただ、(このソースだけでは断定できないものの)
レイアウト配置のためだけにテーブルを利用することを
そもそも避けられたほうが、
ひょっとしたら親切かもしれません
(分割する意図によりますが)。


zoukei [MAIL] [WriteDate : Wed Jun 6 11:31:49 2001]

カヅサツさん、素早いレスありがとうございます。

早速試したところ、見事に解決できました。

>レイアウト配置のためだけにテーブルを利用することを
>そもそも避けられたほうが、

肝に銘じてこれから勉強していきたいと思います。
大変ありがとうございました。

完了とさせて頂きます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World