-2

サブメニューを左に余白を置いて配置し、右側から境界線を削除する必要があります...しかし、それを削除すると、メニューの境界線も削除され、これは望ましくありません...

<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/

4

2 に答える 2

1

デモ

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

編集（コメントのリクエストへの回答）：

デモ

#quemsomos ul li {
    border: none;
    width: 100%;
    text-align: left;
}
于 2013-10-15T11:46:01.203 に答える
0

パディングを追加

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

これを確認してください：http://jsfiddle.net/RHCn7/6/

于 2013-10-15T11:55:38.023 に答える