締切済み

ページ制作

2008/02/01 07:58

メモ帳から立ち上げてページを作りました背景画像を加工してその背景にメーニュの項目を縦にテーブル指定で左サイドに設定その下のセンターには音楽のスイッチ＆エンターリンクを設置しましたこれは私のモニター19インチで作ったものです他の大きさの違うモニターで観たら完全にデザインが崩れてますテーブル指定の仕方が悪いのか全体の絶対指定(大きさ)のような物を設置するのか分かりません私のPCでも縮小で観たら完全に崩れます分かりずらい説明で申し訳ありません分かる方または補足が必要でしたら言ってくださいよろしくお願いします

-777-
お礼率56% (129/228)

みんなの回答 （2）
専門家の回答

みんなの回答

noname#79554

2008/02/04 03:19 回答No.2

補足欄のソースをコピペしてどうなるか見てみました。ブラウザの幅が一定以下になった時に表示が崩れるのは、仕方なさそうですね。ただ、既にテーブルをお使いですから、いっその事全てテーブルでレイアウトしてしまってはいかがですか？現物を見ていない事もあり、質問者さんが何を目指しているかを把握しきれないため、全く的外れかもしれないとは思いますが、下に私が思いついたものを書いておきます。ちなみに、「td」ではなく「th」を使用したのは、テキストが無いため文字の太さを気にせずに済む事と、クラスやidを指定しなくても済むと思ったからです。 <STYLE type="text/css">  </STYLE> </HEAD> <BODY>  <table> <tr> <th colspan="2"><EMBED src="http://.swf" width="300" height="70" quality="high" wmode="transparent"></th> </tr> <tr> <td><a href="http://.html"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> <th rowspan="9"><EMBED SRC="http://.mid" WIDTH="300" HEIGHT="30" PANEL="0" AUTOSTART="true" REPEAT="true" LOOP="true"></th> </tr> <tr > <td align="left"><a href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a target="_blank" href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a target="_blank" href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></td> </tr> <tr > <td align="left"><a target="_blank" href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></td> </tr> <tr > <td align="left"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></td> </tr> </table> </BODY>

質問者

お礼 2008/02/06 09:26

大変参考になりましたありがとう御座いました

ログインすると、全ての回答が全文表示されます。

noname#79554

2008/02/02 00:11 回答No.1

ピクセル指定をパーセント指定に変えると、改善する場合もあります。個人情報などに注意して、補足欄にソースを貼り付けると、判る人が何か見つけてくれるかも、です。

質問者

補足 2008/02/02 11:30

ソースは、このようになってます <STYLE type="text/css">  #example1 { margin: 0px 0px 0px 80px; } </STYLE> </HEAD> <BODY> <br> <center><EMBED src="http://.swf" width="300" height="70" quality="high" wmode="transparent"></EMBED></center> <br><br><br>  <div align="left" id="example1"> <table> <tr> <td><a href="http://.html"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a target="_blank" href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><a target="_blank" href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></td> </tr> <tr > <td align="left"><a target="_blank" href="http://"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></a></td> </tr> <tr > <td align="left"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></td> </tr> <tr > <td align="left"><img src="http://" onmouseover="this.src='http://'" onmouseout="this.src='http://'" alt="" border="0"></td> </tr> </table> </div> <br><br><br><br><br> <center><EMBED SRC="http://.mid" WIDTH="300" HEIGHT="30" PANEL="0" AUTOSTART="true" REPEAT="true" LOOP="true"></center> </BODY>