- 締切済み
ページ制作
メモ帳から立ち上げてページを作りました 背景画像を加工してその背景にメーニュの項目を縦にテーブル指定で左サイドに設定 その下のセンターには音楽のスイッチ＆エンターリンクを設置しました これは私のモニター19インチで作ったものです 他の大きさの違うモニターで観たら完全にデザインが崩れてます テーブル指定の仕方が悪いのか 全体の絶対指定(大きさ)のような物を設置するのか分かりません 私のPCでも縮小で観たら完全に崩れます 分かりずらい説明で申し訳ありません 分かる方または補足が必要でしたら言ってください よろしくお願いします
- -777-
- お礼率56% (128/226)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
補足欄のソースをコピペしてどうなるか見てみました。 ブラウザの幅が一定以下になった時に表示が崩れるのは、仕方なさそうですね。 ただ、既にテーブルをお使いですから、いっその事全てテーブルでレイアウトしてしまってはいかがですか？ 現物を見ていない事もあり、質問者さんが何を目指しているかを把握しきれないため、全く的外れかもしれないとは思いますが、下に私が思いついたものを書いておきます。 ちなみに、「td」ではなく「th」を使用したのは、テキストが無いため文字の太さを気にせずに済む事と、クラスやidを指定しなくても済むと思ったからです。 <STYLE type="text/css"> <!-- BODY{ background-image:url(http://.jpg); background-attachment:fixed; background-repeat:no-repeat; margin: 0px 80px; } table{ width:100%;} th{ text-align:center;} --> </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>
ピクセル指定をパーセント指定に変えると、改善する場合もあります。 個人情報などに注意して、補足欄にソースを貼り付けると、判る人が何か見つけてくれるかも、です。
補足
ソースは、このようになってます <STYLE type="text/css"> <!-- BODY{ background-image:url(http://.jpg); background-attachment:fixed; background-repeat:no-repeat; } --> #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>
お礼
大変参考になりました ありがとう御座いました