我的Div不是造型？

Question

我尝试了很多但它仍然不会风格！我的CSS看起来像这样：

#subnav {
background: url(../_img/subnav.png);
height: 36px;
width: 455px;
margin: -15px 0 0 25px;
position: absolute;
}
.subnav {
font-family: verdana;
font-size: 6px;
color: #676767;
padding: 8px;
}

我的html看起来像：

<div id="subnav" class="subnav">
        testing 123
        </div> 

它看起来像这样：

旁注：我想知道使用子导航编码导航的最有效方法是什么？我现在的html / css已经过时了。

“上图中的白色位是我的子导航，蓝色位是导航，因此点击选项显示在白色位”

布局：http://uploadir.com/uploads/v8qafb1w/downloads/new

Answer 1

您向我们展示的图片内容与您在问题中提供的内容不同。

你的html中有sn作为你的类，你试图通过css引用subnav

Answer 2

要添加子菜单，我个人会使用以下内容。

<ul>
<li>
    itsHabbo
</li>
<li>
    Radio
    <ul>
        <li>
            AM
        </li>
        <li>
            FM
        </li>
    </ul>
</li>
<li>
    Events
</li>
<li>
    Forum
</li>

所以你基本上在你想要选择的项目中有子菜单。

我希望这会有所帮助。

Answer 3

你有sn类而不是subnav。我在代码中改为sn，你现在可以看到样式

<div id="subnav" class="sn"> come at me bro     </div>