• ベストアンサー

表を作ってその中にメニューを表示させたいのですが・・・

いつもお世話になってます。今回また質問なのですが宜しくお願いいたします。 http://www.pixel.co.jp/index.htmlのHPからたて型メニュー1を頂いての事なんですがメニューの位置をleftとtopからのピクセルを指定して位置を決めるのですがこれを表の中に表示させようとしたらどうしたらどうしたらよいでしょうか?(チャレンジしてみたのですが表を無視してメニューが表示されます。・・・枠の中に入らない)以上宜しくご指導お願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • BlueRay
  • ベストアンサー率45% (204/453)
回答No.2

<TABLE>タグで囲ってもテーブルの中に入らないのを、テーブルの中に 入るようにしたいと言うことでよろしいのでしょうか。 >http://www.pixel.co.jp/index.html 参考URLの記述を参考に修正個所を書きます。 1.<BODY>タグの後に<TABLE>タグを挿入してください。 2.<DIV>タグの前に<TR>タグを挿入してください。 3.</DIV>タグの後に</TR>タグを挿入してください。 4.<DIV>タグを<TD>タグに書き換えてください。 5.</DIV>タグを</TD>タグに書き換えてください。 6.</BODY>タグの前に</TABLE>タグを挿入してください。 これで、各<DIV>タグはテーブルのセルになりましたので。 テーブルに入った状態になります。 この囲ったテーブルは、メニュー用なので全体のテーブルの セルに配置するときは、1~6を一塊で入れてください。 注:<DIV>をセルにしているのでテーブルのBorderは0にして下さい。 修正例: <BODY onresize="location.reload()" background="image/w6b.gif"> <TABLE border=0> <TR> <TD CLASS="main" ID="Menu0" style="position:absolute; left:20; top:20"> <IMG name="btn0" src="image/m_none.gif"> <A href="index.html" target="_top">  トップページ </A></TD> </TR> </TABLE> </BODY> これで、如何でしょうか。

kaito7
質問者

お礼

どうもご親切にありがとうございました。まだまだ未熟なもんですからまた、質問させて頂くと思いますがその際は、宜しくお願いいたします。

その他の回答 (2)

  • nitto3
  • ベストアンサー率21% (2656/12205)
回答No.3

<table>で配置すればいいです。 <table>の位置を指定するにはピクセル指定します。 私は難しいことは抜きで<center>等で指定します。 後は枠の大きさで調整しています、枠の線を消したければ<border=0>で消せます。

kaito7
質問者

お礼

どうもご親切にありがとうございました。まだまだ未熟なもんですからまた、質問させて頂くと思いますがその際は、宜しくお願いいたします。

  • BlueRay
  • ベストアンサー率45% (204/453)
回答No.1

どういうイメージにしたいのかうまく掴み取れないですが、 メニュー中の子リストだけを表に出すと言うことですか。 例えば、以下のようなイメージなんでしょうか? リスト     --------- ○hoge1   |・hoge3-1      | ○hoge2   |・hoge3-2      | ◎hoge3   |・hoge3-3      | ○hoge4   |            |         ---------- 全然勘違いしてたらすいません。

kaito7
質問者

補足

すいません。説明がへたくそでした。メニューの親も子も表の中に出したいのです。今の状態であればHPをブラウザの全画面表示にしたらメニューの部分が飛び出してレイアウトが崩れてしまいますので全画面表示にしてもメニューの部分が飛び出さないように表の中に入れたいのですが。この説明でご理解して頂けたでしょうか?