我试图建立我的导航,所以我有我的列表项和我有一个列表项(子菜单)内的列表是这样的...列表的列表CSS和HTML里面
<style>
.headerNav{
color:#FFF;
margin:0 auto;
width: 1280px;
padding-top: 148px;
}
.headerNav ul{
list-style-type:none;
margin:0;
padding:0 0 0 8px;
}
.headerNav li{
float:left;
}
.headerNav ul a{
font-size:24px;
color:#FFF;
display:block;
padding:0 55px 0 0;
text-decoration:none;
text-transform:capitalize;
}
.headerNav ul a:hover{
color:#a40404;
text-decoration:none;
}
</style>
<div class="headerNav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" class='galleryNavToggle'>Gallery</a>
<ul>
<li><a href="#">Categoies</a></li>
<li><a href="#">Products</a></li>
</ul>
</li>
<li><a href="#" class='galleryNavInfoToggle'>Info</a>
<ul>
<li><a href="#">F.A.Q.</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">Artist Bio</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
</ul>
</div><!-- headerNav -->
的问题是列表中的内容列表项具有很大的宽度,我无法看到我的子导航,任何帮助将不胜感激。
你可以发布你的CSS以及? – 2012-03-16 20:31:11
你去了哪里,我加了我的CSS – user1274810 2012-03-16 20:38:09
你想实现类似http://cssdesk.com/uPx3N的东西吗? – Zeta 2012-03-16 20:47:34