NNだとTABLEに隙間が！！！

どらくろわ 1998/06/01(月) 14:01:03
こんにちはです　初心者的な質問なのですが
大きな画像を分割してこまかいGIF画像をいくつかつくり、
それをWEB上でTABLEで並べて一つのおおきな画像を再構築すると、
IEだときれいにつながってみえるのに、NNだと
どうしてちょびっとずつ隙間ができてしまうのですか？
おまけに頭（横１列目と横２列目などの先頭・左はしっこ）も
そろわないんですが。
こういうことをするときの
NN専用のタグ（隙間をなくす・頭そろえる　など）が
あるのでしょうか？

晴れた日はいい気分♪ 1998/06/01(月) 15:43:03
TABLEですき間を開けないにはこう書きますよね。
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
これで、すき間があるとなると、
多分、改行が入ってしまったからじゃないかなぁ？
NNは画像の後に改行が入ると、画像やTABLEの間に
すき間が出来ちゃいます。

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD><IMG SRC="a.gif">
</TD><TD><IMG SRC="b.gif">
</TD></TR>
<TR><TD><IMG SRC="c.gif">
</TD><TD><IMG SRC="d.gif">
</TD></TR>
</TABLE>
というように、画像の直後に改行入れると、すき間が入ってしまうので、

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD><IMG SRC="a.gif"></TD><TD><IMG SRC="b.gif"></TD></TR>
<TR><TD><IMG SRC="c.gif"></TD><TD><IMG SRC="d.gif"></TD></TR>
</TABLE>
と、画像の直後には改行を入れないように書きます。
（ALTやサイズ指定も本当は入れるとグ～）

通行人 [E-Mail] 1998/06/11(木) 20:41:10
細かいことですが、HTML文書がごちゃごちゃして見にくくなるのを防ぐために、
たとえばロールオーバーボタンなんかで<A>とか
<IMG>タグの中身が多いときなんかはこうしてます。
<A HREF="somewhere" onMouseOver="over(1)" onMouseOut="out(1)"
><IMG SRC="*****.gif" BORDER=0 WIDTH=200 HEIGHT=200 NAME="BOTTON"></A
><IMG SRC=…
…
って、やると画像と画像のあいだにスペースが入らないので、
ソース編集するとき見やすくていいかな、と思います。

[上に] [前に] [次に]