无法改变子菜单风格

时间:2013-10-15 11:34:16

标签: html css

我需要将我的子菜单左边与一些边距对齐并从右侧移除边框...但是如果我将其删除,菜单中的边框也会被移除,我不希望这样......

<nav>
    <ul class="fancyNav">
        <li id="quemsomos" class="menlog"><a href="index.php"><img src="imgs/Logo.png"  width="37" height="45" /></a>
        </li>
        <li id="quemsomos"><a href="quemsomos.php?web=1"><font face="din" size="4">QUEM SOMOS</font></a>
            <!--start of sub menu-->
            <ul>
                <li><a href="#">link the zone 1</a>
                </li>
                <li><a href="#">link2</a>
                </li>
                <li><a href="#">l for example</a>
                </li>
            </ul>
            <!--end of sub menu-->

http://jsfiddle.net/RHCn7/2/

2 个答案:

答案 0 :(得分:1)

DEMO

#quemsomos ul {
    padding: 0;
    margin-left: 5px;
}
#quemsomos ul li {
    border: none;
}

编辑(回复评论中的请求):

DEMO

#quemsomos ul li {
    border: none;
    width: 100%;
    text-align: left;
}

答案 1 :(得分:0)

添加填充

ul li ul {
    display: block;
    border: 0;
    position: absolute;
    background-color: #D5D5D7;
    opacity: 1;
    padding: 8px;
}

请检查:http://jsfiddle.net/RHCn7/6/