TOP

フリースペース配置

サイドバーの位置にプルダウンを配置する際は、面倒を省けばフリースペースで容易に
表示させることができます...

 

できれば、サイドバーの見出しみたいな仕様にして表示させたかったんですが、HTML
内に直接コードを組み込むとうまく表示されない..現段階...
(そちらの正常対応..やりようは、工程が追加されるので後ほど追加します)

 

 

配置と表示例

 

フリースペースに置いたメニューコードからプルダウン作動...ですね...

 

以下貼り付け用HTMLコピーコード

 

<div id="normalnav" class="drop">
<li><a href="#">サイドバー位置</a>
<ul>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
</ul>
</li>
</div>

 

 

スタイルシート記載ですが、お隣ページに掲載のコードを参照してください..

 

一番上...の項目... width: 100%;では、指示が読み込まれないので、デフォルトの
サイズなら width: 1200px;にしてください...(これがフォトでの表示指定値です)

 

 

.drop{
*zoom: 1;
list-style-type: none;
width: 100%;
margin: 0px auto 30px;
padding: 0;
}

 


 

 

ここで終わりますが、もっといい出来でと思案中...後ほど...

 

サイドバーにプルダウンを格納する
記事内配置プルダウンメニュー作動例
プルダウンメニュー関連