Я создал навигационную панель, которая отлично работает. Единственная проблема в том, что я создал одну ссылку, и я не вижу половину ссылки.Навигация Бар - дифференциация
Может ли кто-нибудь помочь мне ???
HTML:
<header id="main-header">
<nav class="main-nav">
<table id="header-nav-table">
<tr>
<td></td>
<td></td>
<td><a href="#" class="header-nav-table-button">LINK</a></td>
</tr>
</table>
</nav>
</header>
CSS:
body {
background-color: #ECF0F1;
font-size: 100%;
font-family: 'Roboto', sans-serif;
}
section {
margin-right: 15%;
margin-left: 15%;
margin-top: 15%;
margin-bottom: 10%;
}
.main-nav {
width: 100%;
height: 18%;
background-color: #FFFFFF;
top: 0px;
left: 0px;
position: fixed;
border-bottom: 2px solid #4682B4; /* steelblue */
}
.main-nav-addClass {
width: 100%;
height: 8%;
background-color: #FFFFFF;
/* top: -1px;
left: -1px;*/
position: fixed;
border-bottom: 2px solid #4682B4; /* steelblue */
}
.header-nav-table-button {
margin-left: 1200px;
margin-top: 50px;
padding-left: 3%;
padding-right: 3%;
padding-top: 1%;
padding-bottom: 1%;
border: 1px solid #4682B4;
border-radius: 10px;
color: #4682B4;
background-color: #FFFFFF;
text-align: center;
text-decoration: none;
}
.header-nav-table-button:hover {
cursor: pointer;
border: 1px solid #ECF0F1;
color: #FFFFFF;
background-color: #4682B4;
}
Не совсем уверен, что вы спрашиваете, что такое «hlf ссылки»? Вы говорите о 'href'? – WOUNDEDStevenJones
в соответствии с вашими HTML и CSS, кажется, все в порядке. как вы установили margin-left 1200px (?) в .header-nav-table-button – CodeRomeos
Я могу использовать только 1200px, но я хочу использовать 80% – ghnome