Я пробовал все, чтобы попытаться сосредоточить эту навигацию, но никогда не бывает. Текст выравнивается не работает, как и маржа: 0 Auto;. Я пытался добавить, что как можно больше раз, чтобы покрыть все пространства, потому что это не будет работать независимо.
Вот HTML: < /p>
[*]Contact Us
[*]Classes
[*]Thunder Chickens
< /code>
и CSS: < /p>
.nav{
background-color:#ffffff;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
z-index: 1;
text-align: center;
}
.nav .container {
margin: 30px auto 10px auto;
text-align: center;
}
#top-nav {
margin: 10px auto 10px auto;
padding: 0;
list-style: none;
height: 45px;
width:930px;
overflow: hidden;
position: absolute;
z-index: 999;
background-color: #ffffff;
box-shadow: 3px 3px 9px 3px #000,
-3px 0px 9px 3px #000;
}
#top-nav:hover {
overflow: visible;
}
#top-nav li {
text-align: center;
float: left;
text-transform: uppercase;
font: 1.5em sans-serif;
width: 170px;
padding-bottom: 0px;
}
#top-nav li a {
display: block;
text-decoration: none;
font-weight: normal;
text-align: center;
color: #acacac;
border-right: 1px solid #acacac;
padding-top: 12px;
padding-bottom: 5px;
height: 45px;
}
#top-nav li:first-child a {
border-left: 1px solid #acacac;
}
#top-nav > li a:hover {
color: #ffffff;
background: #212021;
border: 1px solid #212021;
height: 50px;
}
#top-nav li a.active {
color: #ffae00;
}
#top-nav li ul {
list-style-type: none;
padding: 10px 0 10px 0;
margin: 0;
height: 150px;
background-color: #ffffff;
}
#top-nav li ul li {
font-size: 13px;
padding: .3em;
float: none;
}
#top-nav li ul li a {
height: auto !important;
border: none !important;
padding: 3px;
}
#top-nav li ul li a:hover {
color: #ffae00;
background: transparent;
}
< /code>
Все, что вы можете предоставить, ценится. < /p>
Подробнее здесь: https://stackoverflow.com/questions/245 ... bar-center
Почему мой Navbar Center? ⇐ Html
Программисты Html
1749244096
Anonymous
Я пробовал все, чтобы попытаться сосредоточить эту навигацию, но никогда не бывает. Текст выравнивается не работает, как и маржа: 0 Auto;. Я пытался добавить, что как можно больше раз, чтобы покрыть все пространства, потому что это не будет работать независимо.
Вот HTML: < /p>
[list]
[*][url=#]UCMST[/url]
[*][url=#UCMST]About Us[/url]
[url=#UCMST]Who We Are[/url]
[*][url=#ContactUs]Our Testing Profile[/url]
[*][url=#HonorAndAchievement]Honor and Achievement[/url]
[/list]
[*][url=#ContactUs]Contact Us[/url]
[*][url=#Classes]Classes[/url]
[*][url=#ThunderChickens]Thunder Chickens[/url]
< /code>
и CSS: < /p>
.nav{
background-color:#ffffff;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
z-index: 1;
text-align: center;
}
.nav .container {
margin: 30px auto 10px auto;
text-align: center;
}
#top-nav {
margin: 10px auto 10px auto;
padding: 0;
list-style: none;
height: 45px;
width:930px;
overflow: hidden;
position: absolute;
z-index: 999;
background-color: #ffffff;
box-shadow: 3px 3px 9px 3px #000,
-3px 0px 9px 3px #000;
}
#top-nav:hover {
overflow: visible;
}
#top-nav li {
text-align: center;
float: left;
text-transform: uppercase;
font: 1.5em sans-serif;
width: 170px;
padding-bottom: 0px;
}
#top-nav li a {
display: block;
text-decoration: none;
font-weight: normal;
text-align: center;
color: #acacac;
border-right: 1px solid #acacac;
padding-top: 12px;
padding-bottom: 5px;
height: 45px;
}
#top-nav li:first-child a {
border-left: 1px solid #acacac;
}
#top-nav > li a:hover {
color: #ffffff;
background: #212021;
border: 1px solid #212021;
height: 50px;
}
#top-nav li a.active {
color: #ffae00;
}
#top-nav li ul {
list-style-type: none;
padding: 10px 0 10px 0;
margin: 0;
height: 150px;
background-color: #ffffff;
}
#top-nav li ul li {
font-size: 13px;
padding: .3em;
float: none;
}
#top-nav li ul li a {
height: auto !important;
border: none !important;
padding: 3px;
}
#top-nav li ul li a:hover {
color: #ffae00;
background: transparent;
}
< /code>
Все, что вы можете предоставить, ценится. < /p>
Подробнее здесь: [url]https://stackoverflow.com/questions/24560076/why-wont-my-navbar-center[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия