「Broken/縦ドロップダウンメニュー」の版間の差分

編集の要約なし
(ページの作成:「<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>