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

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

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

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

A 回答 (2件)

先頭に<DD>を追加すると 後ろに下がります。



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

クール
    • good
    • 0

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



クール

以下を試してください。

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

この回答への補足

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

掲示板
 |_初心者
 |_中級者
チャット
 |_初心者
 |_中級者

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

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

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

補足日時:2001/09/06 22:30
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ