• 締切済み

ツリ～のメニュー

ツリー型のメニューを設置したいのですが・・・ どうすればいいですか？ ちなみに、クリックすると増えていく、と言った感じに したいのですが・・・。 （例） メニュー ｜＿掲示板　　　　　　　　　普段はこうだが・・・・　　　 　　 メニュー ｜＿掲示板　　　　　←ここをクリックすると　 　　｜＿初心者用　　　　下の３種類の掲示板が出てくる、のような感じで。 　　｜＿中級者用 　　｜＿上級者用　 このようなツリー型メニューの作り方を知っている方は教えてください。 例として http://www.kpcnet.co.jp/~takaya/w_canvas/index_file/tree_jp.html のサイトのようなメニューにしたいんです。タグなど教えてください。

みんなの回答

  • cool_
  • ベストアンサー率31% (314/1005)
回答No.2

先頭に＜ＤＤ＞を追加すると　後ろに下がります。 <dd><a href="index1.htm"><font class="sub">｜＿初心者用</font></a><br> クール

  • cool_
  • ベストアンサー率31% (314/1005)
回答No.1

こんなので　どうでしょうか　(^_^;) クール 以下を試してください。 <html> <head> <meta name="hom" content="http://cool.px.to"> <title>メニュー</title> <style type="text/css">body { text-indent: 1pt } a:link { color: #0000ff; text-decoration: none } a:visited { color: #000080; text-decoration: none } a:active { color: #ff00ff; text-decoration: none } a:hover { color: #ff0000; text-decoration: none } </style> <SCRIPT> <!-- if((navigator.appName=="Microsoft Internet Explorer") && (navigator.appVersion.charAt(0) >= 4) && (navigator.appVersion.toUpperCase().indexOf("WIN",0) != -1)) { document.write("<link rel=stylesheet>"); } function extendmenu(a) { // 展開縮小関数 if (a.style.display =='') { a.style.display = 'none'; // noneは非表示にする } else { a.style.display=''; // 表示させる } } // --> </SCRIPT> </head> <body background bgcolor="#C1FFC1"> <font onmouseover="extendmenu(ar0);" style="CURSOR: hand">－ＭＥＮＵ－</font><br> <dl id="ar0" style="DISPLAY: none; MARGIN-TOP: 0pt"> <table border="0" cellspacing="0"> <tbody> <tr> <td nowrap><font onclick="extendmenu(ar2);" style="CURSOR: hand">｜＿掲示板</font></td> </tr> <tr> <td nowrap> <dl id="ar2" style="DISPLAY: none; MARGIN-TOP: 0pt"> <a href="index1.htm"><font class="sub">｜＿初心者用</font></a><br> <a href="index2.htm"><font class="sub">｜＿中級者用</font></a><br> <a href="index3.htm"><font class="sub">｜＿上級者用</font></a><br> <a href="index4/htm"><font class="sub">｜＿番外編</font></a> </dl> </td> </tr> <tr> <td nowrap><font onclick="extendmenu(ar3);" style="CURSOR: hand">｜＿チャット</font></td> </tr> <tr> <td nowrap> <dl id="ar3" style="DISPLAY: none; MARGIN-TOP: 0pt"> <a href="index1.htm"><font class="sub">｜＿初心者用</font></a><br> <a href="index2.htm"><font class="sub">｜＿中級者用</font></a><br> <a href="index3.htm"><font class="sub">｜＿上級者用</font></a><br> <a href="index4/htm"><font class="sub">｜＿番外編</font></a> </dl> </td> </tr> </tbody> </table> </dl> </body> </html>

smile1128
質問者

補足

この間、ツリー型メニューのタグ 掲示板 　｜＿初心者 　｜＿中級者 チャット 　｜＿初心者 　｜＿中級者 この形のツリー型のタグを教えてもらったんですが、 今度は 単独でメニュー（リンク）を置きたいのですが・・・。 ↓つまり、こういうことです！ 掲示板 　｜＿初心者 チャット 　｜＿初心者 　日記　　　　　←これをプラス。ツリー型にはしないで 　　　　　　　　　このままリンクしたい！ このようにするにはどうしたらいいでしょうか？ どのようなタグを追加すればいいですか？ 教えてください。 よろしくお願いします。

  1. カテゴリ
  2. インターネット・Webサービス
  3. インターネット接続・通信
  4. その他（インターネット接続・通信）

関連するQ&A

  • メニューの追加のことで。

    ツリ～型メニューのことです。 この間、ツリー型メニューのタグ 掲示板 　｜＿初心者 　｜＿中級者 チャット 　｜＿初心者 　｜＿中級者 この形のツリー型のタグを教えてもらったんですが、今度は 単独でメニュー（リンク）を置きたいのですが・・・。 ↓つまり、こういうことです！ 掲示板 　｜＿初心者 チャット 　｜＿初心者 　日記　　　　　←これをプラス。ツリー型にはしないで 　　　　　　　　　このままリンクしたい！ このようにするにはどうしたらいいでしょうか？ どのようなタグを追加すればいいですか？ 教えてください。 よろしくお願いします。 　

  • ツリー型メニューに詳しい人、教えてください。

    私のＨＰは３分割に分かれたフレームのサイトです。 （left header main　でわかれています） そこで教えてほしいのですが、私は自分のサイトに ツリー型のメニューを置きたいんです。 そこで、この間質問してこの形のメニュー↓ （図１） 掲示板　　　　　　　　←ここをクリックすると 　｜＿初心者　　　　　←これが出てくる 　｜＿中級者　　　　　←　 チャット 　｜＿初心者 　｜＿中級者 の作り方を教えてもらいました。そこでまた質問なんですが　　 今度はツリー型に単独のものを入れたいんです。 どーいうものかというと、 （図２） 掲示板 　｜＿(1) 　｜＿(2) チャット 　｜＿(1) 　｜＿(2) 日記　　　　←これをプラス。ツリー型にはしないでこれをクリックすると 　　　　　　　そのままリンク先にジャンプするようにしたい。 この形にしたいんです。どのようなタグ（ＪＡＶ？）が必要なんでしょうか？ 図(1)までのＪＡＶは教えてもらったので、追加するＪＡＶを 教えてください。 それから、その単独のリンクを３分割のフレーム中、mainに表示 させたいのですが・・・そのためのＪＡＶも教えてください。 意味不明な内容だとは思いますがどうぞよろしくお願いします。

  • ツリーメニューについて

    私はクリックすると下に文字が出るツリーメニューを使ったのですが クリックすると下に文字が出、かつフレームで二分割した右側に他のページを表示させる方法が知りたいです。 拙い説明で申し訳ありません。 HTMLタグは大体は理解していると思います。javascriptはまだよく分かっていません。 ツリーメニューも付け焼刃で使っています。 なので、参考にできそうなサイト様をお教えいただくか もしくは細かく説明していただけるとありがたいです。 サイトのURL：http://artclub.ojaru.jp/frame.html よろしくお願いします。

  • サブメニュー?の作り方教えてください。

    具体的なページを例にしてしまって申し訳ないのですが以下のページ http://www.geocities.jp/katsurarugby/ の、左側にある「選手紹介」や「予定・結果」をクリックするとサブメニューのようなものが表示されますがあれはどのようにしたら作れるのでしょうか？ ＨＴＭＬタグとかでできるのでしょうか？それとも何か高度な技術が必要ですか？ 教えてください。

  • 開閉式ツリー型メニューについて

    こちらのサイトの↓ http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=tips_node 開閉式ツリー型メニュー（ロールオーバーあり）を参考にメニューを作ったのですが、 リンク先へ飛ぶと元の畳まれたメニューになってしまうのです。 クリックをしてメニューが開いた状態を保ちながら 次のページにも反映される様にするにはどうしたら良いでしょうか？ ジャバもクッキーも調べてみたのですが、どうにも初心者の私には難しくて理解が困難でした； 誰かお願いいたします。

  • ツリー型、階層型メニューが重なってしまう

    自分でHPを開設していて困った事があるのですが、 ツリーメニューを複数使用する場合に、重なってしまい困っています。 メニュー１ ├説明 ├掲示板 ├○○ ├○○ └戻る メニュー２ ├メイン ├リンク └戻る ↑のように表示させたいのですが、メニュー１を開いた時にメニュー２に重なってしまい困っています。 他のサイトさんを調べてみると、メニュー１をクリックした時、メニュー２がちゃんと下にずれているのですが…。 どなたか解決策をご存知でしたら是非教えていただきたいです。 ヒントでも構いません＞＜

  • ツリー式メニュー

    自分のＨＰ内にツリー式メニュ―（三段）を設置したいんですが、 クリックしていくごとに↓のように表示されるものを 作りたいんです。 ■メニュー 　┣■Ａ 　┃　┣■リンク１ 　┃　┣■リンク２ 　┣■Ｂ 　┃　┣■リンク３ 　┃　┣■リンク４ 　┃ ちなみに■部分は画像を使っています。 二段目までのツリー表示は出来るんですが…。 どなたか分かる方、お願いします。

  • このようなメニューはどのようにして作成するのでしょうか・・・

    メニューをクリックするとページは飛ばずにメニューの下にサブメニューみたいなものを表示させるにはどうすればよいのでしょうか？ 例：http://www.pc-koubou.jp/　ここの左下にあるラインナップのメニュー 初心者的な質問をお許しください

    • ベストアンサー
    • CSS
  • 次々と展開するこんなメニュー

    イオンのホームページの下記のような感じで展開できるjavascript版のメニューを探しています。 http://www.aeon.jp/shop/index.html どこかにサンプルはないでしょうか。

  • ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「

    ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「階層ごとのメニュー」どっちがいいでしょうか？ ■プルダウンメニュー メリット： ・どこのページにいてもワンクリックで目的とするページに移動可能。 ・通常はメニューが格納されており、見た目が整理されている。 デメリット： ・クリックするつもりがなくてもマウスが触れた時点でプルダウンメニューが広がる。 ・整理されている分、どんなページがそのサイト内にあるのか一目では分からない。 参照サイト： http://www.jiji.com/ http://jp.myspace.com/ http://finance.yahoo.com/ http://toyota.jp/index.html http://www.nissan.co.jp/index.html http://recipe.gnavi.co.jp/ http://www.asahi.com/ http://www.47news.jp/ ■階層ごとのメニュー メリット： ・サイト内の現在位置が分かりやすく、同カテゴリ内のページには移動しやすい。 ・カテゴリ内にどのようなページが存在するのか一覧表示されている為わかりやすい。 デメリット： ・目的とするページに移動する際、2クリックを要する場合あり。 ・1段目の大リンク、2段目の小リンクとなっていてリンクが多い 参照サイト： http://news.livedoor.com/ http://headlines.yahoo.co.jp/hl http://www.nicovideo.jp/ http://www.rakuten.co.jp/ http://plusd.itmedia.co.jp/mobile/ http://www.dmm.com/ http://www.hangame.co.jp/

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する