6,868
回編集
細
編集の要約なし
(ページの作成:「<includeonly><style type="text/css"> <!-- #container { overflow: hidden; width: 500px; margin: 0 auto; } #gnav { float: left; width: 100px; height: 125px; } #gnav...」) |
細編集の要約なし |
||
| 52行目: | 52行目: | ||
} | } | ||
--> | --> | ||
</style></includeonly> | </style> | ||
<div id="container"> | |||
<div id="gnav"> | |||
<ul> | |||
<li><a href="#">Home</a></li> | |||
<li><a href="#">Strategy</a> | |||
<ul> | |||
<li><a href="http://example.com/">example.com</a></li> | |||
<li><a href="http://example.com/">example.com</a></li> | |||
</ul> | |||
</li> | |||
<li><a href="#">About</a> | |||
<ul> | |||
<li><a href="http://example.com/">example.com</a></li> | |||
<li><a href="http://example.com/">example.com</a></li> | |||
</ul> | |||
</li> | |||
<li><a href="#">Works</a> | |||
<ul> | |||
<li><a href="http://example.com/">example.com</a></li> | |||
<li><a href="http://example.com/">example.com</a></li> | |||
</ul> | |||
</li> | |||
<li><a href="mailto:example@anti-spam.example.com">Mail</a></li> | |||
</ul> | |||
<!--gnav--></div> | |||
<div class="content"> | |||
<p>ドロップダウンメニュー（縦）のサンプルです。<br> | |||
ここからコンテンツになります。<br> | |||
メニュー部分にマウスオーバーするとコンテンツの上に子メニューが展開します。</p> | |||
</div> | |||
<!--container--></div> | |||
</includeonly> | |||