分割した画像を隙間なく並べるには？

[上に] [前に] [次に]
ながなが [E-Mail] 1999/08/07(土) 18:01:01
こんにちは。
サイトメニューとしての画像を作成し、リンクなどの関係で、画像を分割してテーブルを使い縦に隙間なく並べて表示するようにしました。
IE5で表示結果を見ているのですが、満足行く結果（隙間なくちゃんと表示）です。
しかし、これを表示どおり印刷とすると、画像の間に隙間が開いています。これってなぜでしょうか？表示はなんとなくごまかせてるけど、実際は隙間がなくなるようなHTMLが書かれていないという事でしょうか？

いろいろなタグを使って隙間は常に0にしているのに・・・
横方向に並べるのなら、テーブルなしでもできますが、縦方向に並べたいので、テーブルを使いました。

どなたか、確実に隙間がなく並べられる方法を教えてください。
よろしくお願いします。
gourd 1999/08/07(土) 18:52:07
解答を書こうと思ったんですが、同じようなサブジェクトの解答が、
以下にありました。ご覧ください。

../199806/98060000.htm
ながなが 1999/08/07(土) 20:01:35
こんばんは。
過去の記事も参考していろいろやってみました。
<TD>・・・・</TD>
の間には、改行は入れていません。
画面表示自体は、隙間はありません。
印刷すると、隙間ができるんです・・・

これって？
Nobu3 1999/08/07(土) 23:16:09
縦方向なら<br>でもいいんじゃないでしょうか？
ひょっとしてもう試してる？
やも [E-Mail] [HomePage] 1999/08/07(土) 23:23:18
vspace=0 をわざわざ入れてみる、というのはどうでしょうか。
gourd 1999/08/07(土) 23:25:29
ごめんなさい。
印刷というところを見落としていました。
今確認しましたが、わたしのＰＣでは
border=0 cellpadding=0 cellspacing=0
でまったく隙間はでません。

ちなみに環境はwin95+NN4.04orIE5+EpsonMJ-810Cです。
ながなが 1999/08/07(土) 23:39:32
こんばんは。

もう少し状況を詳しく書きます。
列は3列です。その一番左の列が11の行に分割してあります。
その11の行にそれぞれ分割した画像を1つずつ入れてます。
今までのレスに書いてくださった方法はすべて試してますが、やはりあきます。
ただ、ひとつ隙間が開かずに印刷できる方法が見つかりました。
一番左の列の11個のセルには画像しか入れてなく改行もしてませんが、その左の列の一番上の行に画像の前に改行もしくは別の表（1行1列の空の表）などを入れると、ちゃんと隙間なく印刷されます。

ですから、もういいのかもしれないですが、理由を知りたいので・・・
よろしくお願いします。
ながなが 1999/08/08(日) 00:09:12
わかりました・・・
3列の表を横幅100％で表示にして、左と真中のものだけ幅を決めています。ですから、ブラウザで表示したとき、画面の幅がA4より大きくなっていて、ちゃんと隙間がなくなっていました。
ですが、A4より狭い表示にするとなんと！！隙間が開くではないですか。印刷するときにIEがA4調整して印刷するので、隙間が開いたんでしょう。
お騒がせしました。
そこで、表の縦幅・横幅を絶対に変わらないように固定する方法はないんでしょうか？
今も、一応表の高さを指定していますが、印刷すると隙間があきます。
gourd 1999/08/08(日) 08:23:45
うちでは以下の記述でうまく行きましたが、テーブルタグに
WIDTH="100%"を書くと画像の間に隙間ができてしまいます。
ただし、この場合は印刷時のみでなく、画面表示も同様に隙間が
できます。
ながながさんのおっしゃる状態、画面はきちんと出ていて
印刷だけがおかしいというのは、どうしても再現できなかったん
ですが．．．テーブルの100%を省いてみてはどうでしょう。
テーブルの100%は削れない必須事項ですか？

<table border=0 cellspacing=0 cellpadding=0>
<tr><td><img src="11.jpg" width=80 height=80 alt="11"></td>
    <td><img src="12.jpg" width=80 height=80 alt="12"></td>
    <td><img src="13.jpg" width=80 height=80 alt="13"></td>
    <td><img src="14.jpg" width=80 height=80 alt="14"></td></tr>
<tr><td><img src="21.jpg" width=80 height=80 alt="21"></td>
    <td><img src="22.jpg" width=80 height=80 alt="22"></td>
    <td><img src="23.jpg" width=80 height=80 alt="23"></td>
    <td><img src="24.jpg" width=80 height=80 alt="24"></td></tr>
<tr><td><img src="31.jpg" width=80 height=80 alt="31"></td>
    <td><img src="32.jpg" width=80 height=80 alt="32"></td>
    <td><img src="33.jpg" width=80 height=80 alt="33"></td>
    <td><img src="34.jpg" width=80 height=80 alt="34"></td></tr>
</table>
ながなが 1999/08/08(日) 16:31:03
[[解決]]
こんにちは。
100％の記述はどうしても消せないので・・・
仕方ないので、11個に分けている一番左の列を1つにして、その中に11行1列の表を入れました。これは幅は固定してるので、何とか隙間はなくなりました。
テーブルの制御って難しいですよね・・・
まだまだ、勉強です。
[上に] [前に] [次に]