- 締切済み
階層メニューの表示のされ方で困っています
ホームページビルダー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/ -----------------------------------------------------------------------------------------------
