ツリ～のメニュー

締切済

質問者：smile1128
質問日時：2001/09/04 18:07
回答数：2件

ツリー型のメニューを設置したいのですが・・・
どうすればいいですか？
ちなみに、クリックすると増えていく、と言った感じに
したいのですが・・・。

（例）
メニュー
｜＿掲示板　　　　　　　　　普段はこうだが・・・・　　　
　　
メニュー
｜＿掲示板　　　　　←ここをクリックすると　
　　｜＿初心者用　　　　下の３種類の掲示板が出てくる、のような感じで。
　　｜＿中級者用
　　｜＿上級者用　

このようなツリー型メニューの作り方を知っている方は教えてください。

例として
http://www.kpcnet.co.jp/~takaya/w_canvas/index_f …
のサイトのようなメニューにしたいんです。タグなど教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： cool_
回答日時：2001/09/04 21:47

先頭に＜ＤＤ＞を追加すると　後ろに下がります。

<dd><a href="index1.htm"><font class="sub">｜＿初心者用</font></a><br>

クール

- 0
- 件

通報する

No.1

回答者： cool_
回答日時：2001/09/04 20:58

こんなので　どうでしょうか　(^_^;)

クール

以下を試してください。

<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>

</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>

この回答への補足

この間、ツリー型メニューのタグ

掲示板
　｜＿初心者
　｜＿中級者
チャット
　｜＿初心者
　｜＿中級者

この形のツリー型のタグを教えてもらったんですが、
今度は単独でメニュー（リンク）を置きたいのですが・・・。
↓つまり、こういうことです！

掲示板
　｜＿初心者
チャット
　｜＿初心者
　日記　　　　　←これをプラス。ツリー型にはしないで
　　　　　　　　　このままリンクしたい！

このようにするにはどうしたらいいでしょうか？
どのようなタグを追加すればいいですか？
教えてください。
よろしくお願いします。