ナビゲーションメニューが中央に配置されていません。私はそれを中央に配置するために多くの方法を試しましたが、どれもうまくいきませんでした。
HTML
<div id="nav-bar">
<li> <a href="index.html">Home</a> </li>
<li> <a href="servicii.html">Servicii</a> </li>
<li> <a href="portofoliu.html">Portofoliu</a> </li>
<li> <a href="contact.html">Contact</a> </li>
CSS
#nav-bar li a {
color: #000;
text-decoration: none;
list-style-type: none;
font-size: 14px;
font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", Arial, sans-serif;
font-weight: bold;
#nav-bar {
text-transform: uppercase;
list-style: none;
padding: 23px 0 23px 0;
background-image: url(../images/nav-bar.jpg);
#nav-bar li {
float: left;
margin-right: 58px;
margin-left: 58px;
margin-top: -8px;
}
#nav-bar {
text-align: center;
}
#nav-bar li {
float: left; /* removed this line */
display: inline-block;
}
また、CSSの一部をで閉じていなかった}ので、それらをに追加しました
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加