ホームページ用折りたたみ式メニュー作成について

2010/01/18 14:00

このQ&Aのポイント

画面中央に6つのメインメニュー?～?個を作成し、それぞれのメインメニュー配下にSUB?～?の折りたたみ式メニューを作成したのですが、作成した折りたたみ式メニューをFirefoxで確認すると、折りたたみ式メニューは左端から順番に表示されてしまい、画面中央に配置したメインメニューの下には表示してくれません。どなたかご指導いただければ幸いです。
メインメニューを画面中央に配置するために、1行1列横幅100%表を作成して、その中に1行6列の表を入れ込みalign="center"にし画面中央にメインメニュー用の表を表示するように設定しました。参考書の指示通りにレイアウト枠を作成しメインメニューの上にかぶさる様に設置し完了。Firefoxで確認するとメインメニュー?のsub?は左端から表示し隣のメインメニュー?のsub?は左端から２番目に表示される。
個人的に思うのは、レイアウト枠(SUB?)を何かしらの方法でメニュー?と同じ場所であることを指定してやる必要があると思うのですがその方法がわかりません。できればふわっと浮き出るように表示もさせたいのですが・・・・？

jeday8118
お礼率74% (56/75)

HTML
回答数2
ありがとう数2

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

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

ベストアンサー

Sylar
ベストアンサー率71% (10/14)

2010/01/20 06:08 回答No.2

どうも。＃１です。ものすごいソースですねぇ・・・。どうやらJavaScriptを使っているようですが、肝心のその部分がない・・・。と言うか、このソースを見る限り、はっきり言って諦めたほうがいいと思います。ゴメンナサイ。もっとシンプルに作る方法はいくらでもあります。無理に複雑なことをしないで自分の分かる範囲で作ることをおすすめします。

質問者

お礼 2010/01/20 09:50

Sylarさん、ありがとうございました。せっかく親身になっていただいたのに質問内容の表現が悪かったようです。あきらめて別な質問方法で問い合わせをしようと思います。

その他の回答 (1)

Sylar
ベストアンサー率71% (10/14)

2010/01/18 16:14 回答No.1

質問に対する回答ではないけど、質問者さんへアドバイス。「ホームページビルダー」や「（なにかの）参考書」は、回答者の方が共通して理解しているものではありません。また、「折りたたみ式メニュー」についても作り方は色々です。なので質問するならまず、どういうソースで書いているのか。という情報が最低限必要です。ここに書いている内容からでは推測でしか回答することはできませんよ。

質問者

補足 2010/01/19 09:30

Sylarさん、貴重なお時間を無駄に取らせてしまいすみませんでした。補足いたします。 CSSは、BODYの上下左右のpaddingとmarginを0pxにし、折りたたみ式メニュー用として.pulldown{color:#ffffff;width:100px;height:1em;background-color:#000099;display:block;}を作成しました。ソースは、 <BODY onload="_HpbHideObj('menu1'); _HpbHideObj('menu2');"> <DIV style="width : 114px;height : 143px;top : 53px;left : 187px;position : bsolute; z-index : 2;visibility : visible;background-color : #000099; id="menu2" align="center"> <TABLE border="0" cellspacing="0" cellpadding="0" width="95" height="25"> <TBODY> <TR> <TD align="center" width="50" height="25"><FONT color="#ffffff"><B class="pulldown">subm1<BR> </B></FONT></TD> 　　　（･･･以下submを５つ作成）　　</TR> </TBODY> </TABLE> </DIV> <DIV style="width : 114px;height : 143px;top : 52px;left : 63px; position : absolute; background-color : #000099; z-index : 1; visibility : visible; " id="menu1" align="center" onmouseover="_HpbShowObj('menu1');" onmouseout="_HpbHideObj('menu1');"> <TABLE border="0" cellspacing="0" cellpadding="0" width="95" height="25"> </TR> </TBODY> </TABLE> </DIV> <DIV style="width : 114px;height : 143px;top : 52px;left : 63px; position : absolute; background-color : #000099; z-index : 1; visibility : visible; " id="menu1" align="center" onmouseover="_HpbShowObj('menu1');" onmouseout="_HpbHideObj('menu1');"> <TABLE border="0" cellspacing="0" cellpadding="0" width="95" height="25"> 　　（･･･以下menuを５つ作成）しました。 HTMLについてどの部分を補足してよいかわからないので説明不足でしたらあきらめます。よろしくお願いいたします。