私のウェブサイト (www.heretoedit.com) では、navbar のテキストを移動して、「about」ボタンがウェブサイトの残りのテキストと一列に並ぶようにしますが、「contact」ボタンは配置したままにします。さらに、画面サイズが縮小されたときに「エクストラ」ボタンと「連絡先」ボタンのテキストが下に移動するのを止めたいです。
以下は私のnavbarコードです。どんな助けでも大歓迎です。ありがとう。
#navbar {
background-color: #0299EB;
font-family: Verdana, Geneva, sans-serif;
color: white;
font-weight: bold;
position: absolute;
width: 1000px;
min-width: 100%;
height: 70px;
top: 150px;
left: 0px;
}
#navbar ul {
list-style:none;
display:inline-block;
margin-left: 130px;
margin-top: 25px;
}
#navbar li {
float:left;
padding: 0 9px;
text-align:center;
left: 0px;
}
#navbar a:link {
padding: 0 30px;
text-decoration: none;
color: #FFF;
}
#navbar a:hover {
color: black;
text-decoration: none;
}
#navbar a:visited {
color: #FFF;
padding: 0 20px;
text-decoration: none;
}