- 締切済み
階層メニューの表示のされ方で困っています
ホームページビルダー6.5を使ってホームページを作っています。 フレームを利用して作っていて左側のメニューページに 文字をクリックすると下に文字がでる折りたたみ（階層）メニュー を入れたいと思い下記のサイトを参考にやってみました。 http://www.wsb.jp/hpb/css/o_menu.htm 階層メニュー自体はできたのですが、表示のされ方が変なのです。 メニューの上下に大きな余白ができてしまいます。 階層メニューをクリックして出てきた文字の行間は調節できるの ですが、元々の文字の行間が調節できません。 そのため大変見づらい感じになってしまい困っています。 この余白を調節するやり方はありますでしょうか？
- nijimomo
- お礼率0% (0/3)
- ホームページ作成ソフト
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- my-hobby
- ベストアンサー率21% (659/3045)
時間が経ちましたので、サーバーの説明ファイル 削除致します。
http://jyu-denkou.com/newpage11.htm 開いてファイル(F)で名付けて保存してビルダーで開いて(HTMLソース）修正してください 下記のID=部分の解説が７，８，９で違ってる ------------------------------------ ファイル名も好きなＵＲＬに変換保存 http://www.yahoo.co.jp --等リンク先も変更 <BODY> <DIV class="menu" onclick="javascript:msl('sub_b'★)"ondblclick="javascript:kks('sub_b'★)">Menu_A</DIV> <UL class="sub" id="sub_b"★> <LI>sub_1 <LI>sub_2 <LI>sub_3 </UL> <div class="menu" onclick="javascript:msl('sub_a'★)" ondblclick="javascript:kks('sub_a'★)">Menu_B</div> <ul class="sub" id="sub_a"★> ★この部分解説ペイジは可笑しい sub_a/syb_1/sub_abc等と書かれてる 自分成りに修正揃える <li><a href="http://www.yahoo.co.jp" target="new">Yahoo!</a> <li><a href="http://www.google.co.jp" target="new">Google</a> <li><a href="index.htm" target="new">SiteTop</a> </ul> </BODY>
説明７：８；９当り違う下記説明と違いますが参考まで http://jyu-denkou.com/newpage11.htm ------------------------------------------- 試しましたがビルダーややこしい ---------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- .menu{ background-color : fuchsia; width : 100px; } .sub{ display : none ;} --> </STYLE> <script language="JavaScript"> <!-- function msl(idmn){ if(document.getElementById) document.getElementById(idmn).style.display='block' else if(document.all)document.all(idmn).style.display='block' } function kks(idmn){ if(document.getElementById) document.getElementById(idmn).style.display='none' else if(document.all)document.all(idmn).style.display='none' } //--> </script> </HEAD> <BODY> <DIV class="menu" onclick="javascript:msl('sub_b')"ondblclick="javascript:kks('sub_b')">Menu_A</DIV> <UL class="sub" id="sub_b"> <LI>sub_1 <LI>sub_2 <LI>sub_3 </UL> <div class="menu" onclick="javascript:msl('sub_a')" ondblclick="javascript:kks('sub_a')">Menu_B</div> <ul class="sub" id="sub_a"> <li><a href="http://www.yahoo.co.jp" target="new">Yahoo!</a> <li><a href="http://www.google.co.jp" target="new">Google</a> <li><a href="../index.html" target="new">SiteTop</a> </ul> </BODY> </HTML> --------------------------------------------------------------------- 違う参考：資料です http://www.red.oit-net.jp/tatsuya/java/ -----------------------------------------------------------------------------------------------
関連するQ&A
- 階層式メニューの設置について
階層式のメニューを作りたくていろいろ探し わごな工房の階層メニューにたどり着きました。 http://wws.cside.com/factory/frame.html 見よう見真似で設置してみたのですが、うまくメニューが開きません。 http://mywish.jp/ikukin/menu_dom.html ホームページビルダーで作っているのですが ex_obj.parentNode.childNodes[1].style.display はNullまたはオブジェクトではありません。と出るので、このあたりが開かない原因かな？とは検討つくのですがその先がまったくわかりません。 外部Javascriptはこれです。 ビルダーでは67行目がエラーと出ます。 ここをどう直せばいいのか教えてください。 http://wws.cside.com/sv.cgi?js=./factory/ex_menu
- ベストアンサー
- JavaScript
- JavaScriptを使わず階層式メニュー
JavaScriptを使わずに階層式（折りたたみ）メニューを表示させる事は可能でしょうか？ CGIで作成している日記ページの中の、ある１記事・１箇所だけに「文字をクリックすると続きが表示される」と言う仕掛けを置きたいと思っています。 そこで、階層式メニューを応用すればいいのでは、と考えました。 ただ、JavaScriptを使用するとなると、（私の知識では）ヘッダ部分にScriptを書き込まなければなりません。 CGIでページを作成しているため、ヘッダ部分に書かれたScriptでは、折りたたみメニューが必要ないページのヘッダにも入ってしまいます。 ・Javascriptを使用せずに階層式メニューを表示させるには？ ・HEAD部分にScriptを記述せずに（BODYへの記述のみで）階層式メニューは可能か？ ・階層式メニューに似た動作をするものはあるか？ どなたかお分かりになる方、教えてください。 何卒宜しくお願いいたします。
- ベストアンサー
- CSS
- 階層メニューを作成したいのですが。
ホームページのメニューで階層メニュー（http://ako.x0.com/java/fmenu2.htmlのようなデザイン）を作りたいのですが ・３段階階層（フォルダの中にフォルダを作る） ・初期表示は非展開（閉じた状態で）表示 ・他のメニューをクリックすると展開していたメニューが閉じる この条件を満たす方法はないでしょうか？ よろしくお願いします。
- 締切済み
- JavaScript
- ホームページビルダー
ホームページビルダー８を使用しています。 フレームを使って作成しているのですが、文字をクリックすると、下に文字が出てくる階層を作りたいのですが、作り方がわかりません。 ビルダーではできないのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- ＨＰＢでの階層メニュー作成
ＨＰＢ１１でホームページを作成しています。メニュー項目が多くなったので、縦に大カテゴリーメニュー（ＨＯＭＥ・紹介・案内のボタンなど）を配置し、そこにカーソルをのせると小カテゴリー（メニュー・ジャンプ先・・・活動・問い合わせなど）の表示がされ、クリックすると、そのページに行くようにしたいのですが、検索等をしてもいいものが見つかりません。初心者の私にも分かりやすい「良いサイト」か、「実例集」があれば、ご教示ください！<m(__)m>
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーです 中央表示にしたいです
ホームページビルダーで作ってみましたが画面の左側に表示されてしまいます 全体を中央に持っていくにはどうしたらいいのか教えてください ３つのフレーム？にわけてあります 全体をこのまま画面中央（左右同じ余白）にもっていきたいです こちらです↓ http://loveair.jp/index2.html
- 締切済み
- その他([技術者向] コンピューター)
- 折りたたみメニューについて教えてください
いろんなサイトを参考にして、ＪａｖａＳｃｒｉｐｔを使った折りたたみメニューを作りました。 左右にページを分けて左側のメニューを下記のような折りたたみメニューにしたいと 思っています。 折りたたみ１ 項目Ａ 項目Ｂ 折りたたみ２ 項目Ｃ 項目Ｄ 折りたたみ１をクリックすると項目Ａと項目Ｂが出てきて喜んだのもつかの間 項目Ａをクリックして右側にページが表示されると、開いたはずの 項目Ａと項目Ｂが閉じてしまいます。 折りたたみ１を再度クリックするまで閉じないメニューを作るのには どうすればいいでしょうか。 参考になるサイトなどがあれば教えていただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- プルダウンメニューとフレームについて
はじめまして。 フレームを上部分とその下に左と右に設定しており、左の部分にメニューを作成したのですが、そのメニューが階層式（オンマウスにすると右側にまたメニューが出るもの）なんですが、右側に出たメニューがフレームで設定していると左側のフレームに隠れて見えなくなってしまうのですが、見えるようにするのはどのような設定にすればよろしいのでしょうか。教えてください。よろしくお願いいたします。
- 締切済み
- JavaScript
- 画像を階層で表示する方法を教えてください。
現在プログラミングを学んでいる、Java初心者です。 SwingでHTMLのリンクように、画像をクリックすると同じフレームの中で、下の階層に移り、メニューボタンを押すと最上階層に移る画面を作りたいのですが、Swnigの本などで調べても、なかなか見つからず困っております。 Swingでこのような事ができるのかどうか、ご存知の方おられましたら教えてください。 また、もしこのような技術あるのであれば、参考になる本やサイトなども教えてください。よろしくお願いいたします。
- ベストアンサー
- Java
- テーブルを左右に並べて表示させたいのですが
テーブルを左右に分割して、左側にメニュー、右側に静的な文字を表示させています。 <table> <tr><td>メニュー</td> <td>静的な文字</td><tr></table> 左側のメニューをクリックすると子メニューが現れて行数が増えるメニューにしました。 --書籍のJavaScriptを応用したらうまく作れました。 ただ、右側の静的な文字が、（左側親メニューをクリックし子メニューが現れ、左側の行数が増えることによって）下がってしまいます。 <td></td>の間にもうひとつテーブルをいれても、同じです。 CSSか何かで定義できそうな気もしますが、よくわかりません。（CSS使ったことがありません。） ご存知の方おられましたら、よろしくお願いします。
- ベストアンサー
- HTML
