分割した画像について

質問

よろしくお願いいたします。

大きな画像をＨＰにアップしたいので、４つに切ろうと
思っています。見えないテーブルの中にその画像を並べようと
思うのですが、見る人によって形が崩れてしまわないかが
心配です（例えば右上の画像が押し出されて下に来てしまうなど）

そこで、こういう崩れを防ぐにはどんなことに気をつけたら
よいでしょうか？また、画像をいれるテーブルには大きさの余裕を
もたせた方がいいでしょうか？また、崩れを防ぐタグなどありましたら
お教えくださいませ。

よろしくお願いいたします。

回答No.1

neue_reich · ベストアンサー

テーブルタグのサイズは任意（ウィンドウサイズによって変わる）か絶対（ウィンドウサイズを
変えても変わらない）のどちらかにすることができますので、絶対、のほうで
テーブルを作ってやれば良いと思います。
widthとheightで値を設定してやると、ピクセル単位で幅や高さが設定できますので、
これで崩れは防げると思います。
（当然、公開前に十分にテストしてくださいね）

又、cellspacingとcellpaddingを使うと、セルの間の空白を制御できます。

お礼

早速のご回答ありがとうございます！

widthとheightで値を設定するのが大事なんですね。
ありがとうございます。

ご丁寧な回答ありがとうございました。

回答No.2

noname#5549

こんにちは。
そうですね、少なくとも、
border、cellpadding、cellspacingは設定しましょう。
で、<td><img>ともにwidth、heightをピクセル指定する。
テーブルに大きさの「余裕」は不必要、というか駄目です。
alignやvalignは特に必要ないでしょう。

あと注意すべきは、タグ内部、つまり<td>～</td>の間で変に改行すると隙間が出来てしまうことがありますので注意しましょう。
もちろんスペース（空白文字）にも注意。

確認には少なくともWin/Mac、IE/NNの４種類調べれば良いでしょう。
ただ、IE(Mac OS X）や、NN7だと崩れはしないですが、
少し見え方が違うので注意した方が良いかも知れません。

お礼

早速のご回答ありがとうございます！

テーブルの中に少し余裕があった方がいいのかと
勘違いしておりました。cellpadding＝０の設定を
ちゃんとしようと思います。改行・空白にも注意し
たいと思います。

ご丁寧な回答ありがとうございました！