2012-03-02 9 views
0

ここにメニューナビゲーションバーがあります!あなたはこれを立ててチェックすることができますが、何も表示していません! これはナビゲーションバーを表示しており、マウスのホバー上に定義されたポップアップボックスはありません!この垂直ナビゲーションメニューのコンビネーションは表示されませんか?

私はこれをコンビニエーターで使用していますが、それは問題になりますか?

<style type="text/css"> 
#twiz-vtab-wrapper { 
min-height: 185px; 
min-width: 200px; 
display: block; 
float: left; 
} 
.twiz_vtabm { 
min-height: 21px; 
border: 1px solid #000000; 
display: block; 
padding: 10px; 
} 
.twiz_vtabm:hover { 
cursor: pointer; 
background-color: #000000 !important; 
color: #ffffff !important; 
} 
.twiz_vtabm_selected { 
background-color: #000000; 
color: #ffffff; 
} 
.twiz_vtab_box { 
min-height: 185px; 
width: 495px; 
background-color: #ebebeb; 
border: 1px solid #000000; 
padding: 15px; 
display: none; 
float: left; 
} 
.twiz_vtab_clear { 
height: 0px; 
clear: both; 
} 
</style> 
<div class="twiz_vtab_clear"></div> 
<div id="twiz-vtab-wrapper"> 
<div id="twiz-vtabm-1" class="twiz_vtabm">Tab Menu 1</div> 
<div id="twiz-vtabm-2" class="twiz_vtabm">Tab Menu 2</div> 
<div id="twiz-vtabm-3" class="twiz_vtabm">Tab Menu 3</div> 
<!-- Paste new code #1 here --> 
</div> 
<div id="twiz-vtab-box-1" class="twiz_vtab_box"> 
Your HTML here. 
<ul><li>Box 1</li></ul> 
</div> 
<div id="twiz-vtab-box-2" class="twiz_vtab_box"> 
Your HTML here. 
<ol><li>Box 2</li><li>Box 2</li></ol> 
</div> 
<div id="twiz-vtab-box-3" class="twiz_vtab_box"> 
Your HTML here. 
<ul><li>Box 3</li><li>Box 3</li><li>Box 3</li></ul> 
</div> 
<!-- Paste new code #2 here --> 
<div class="twiz_vtab_clear"></div> 
+0

イムを助けたホープは?あなたは何をしたいですか? – Bert

+0

これはこのようにする必要があります! http://www.sebastien-laframboise.com/free-simple-vertical-tab-menu/ しかし、このようになっています。http://jsfiddle.net/PpuQP/ – Beginner

+0

申し訳ありませんが、返事が遅れます。私は仕事中です.. – Bert

答えて

1

ここに答えがあります。私は仕事を編集し、jqueryを追加しようとしました。

http://jsfiddle.net/RgDRm/

は、それはあなたの質問の混乱し