0

ナビゲーション バーのテキストをコンテナー内の中央 (垂直方向) に揃えるのに問題があります。

ナビゲーション バーの HTML:

<ul class="navigation">
            <li class="navbar"><a href="index.html" class="navbarlink" >Home</a></li>
            <li class="navbar"><a href="second.html" class="navbarlink">About</a></li>
            <li class="navbar"><a href="index.html" class="navbarlink">Portfolio</a></li>
            <li class="navbar"><a href="index.html" class="navbarlink">Contact</a></li>
        </ul>

ナビゲーション バーの CSS:

.navigation {
background:#1841c8 url(Navigation/Navigation/nav_background.png);
height:40px;
margin-bottom:0px;
display:block;
}

.navigation .navbar .navbarlink{
color:#FFFFFF;
background:gray;
display:block;
}

.navigation .navbar .navbarlink:hover{
color:#00CCFF;
background: url(Navigation/Navigation/nav_hover.png);
text-decoration:none;
    }

私のCSSに欠けているプロパティを誰か教えてもらえますか?

4

1 に答える 1

0

margin-bottom:0on .navigation を削除して、代わりに配置してみてくださいmargin:50% 0 50% 0;

于 2012-07-18T15:58:58.617 に答える