1. Главная
  2. Блоги
  3. Блог vbg

Подскажите в чем ошибка

Главные вкладки

Аватар пользователя vbg vbg 19 октября 2013 в 17:40

Добрый день.
Вот такая проблема верстаю меню но оно съезжает вниз подскажите что неправильно

Вот код

#nav {
font-size: 0.85em;
height:3.2em;
color: #000;
text-align:center;
background-color: #232323;
}
#nav div {
width:44em;
margin: auto;
}
#nav span {
float:left;
color: #999;
background-color: #000;
padding: 10px 18px;
}
#nav a {
display:block;
float:left;
color: #e8e8e8;
background-color: #232323;
text-align:center;
padding: 10px 18px;
text-decoration: none;
}
#nav a:hover {
color: #ccc;
background-color: #000;
border-top: 4px solid #e8e8e8;
padding: 6px 18px 8px 18px;
}

Заранее спасибо

Комментарии

Аватар пользователя yevgeniy yevgeniy 19 октября 2013 в 19:27

"vbg" wrote:
а можете весь код написать и где именно изменить?

Оно у тебя есть в онлайне? Где можно на это посмотреть?

Аватар пользователя vbg vbg 19 октября 2013 в 22:53

Вот так

#nav{
font-size: 0.85em;
height:2.8em;
color: #000;
}

#nav span{
color: #555;
background-color: #e8e8e8;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 7px 18px;
margin-right: 2px;
}

#nav a{
color: #003388;
background-color: #f5f5f5;
text-align:center;
padding: 8px 18px;
margin-right: 2px;
}

#nav a:hover {
color: #333;
background-color: #fff;
}

Аватар пользователя sg85 sg85 20 октября 2013 в 1:46

ну и как? работает? кстати, в данном случае в "#nav a" text-align:center; не будет иметь никакого смысла, тоже можно выкинуть.

Аватар пользователя yevgeniy yevgeniy 20 октября 2013 в 14:32
#nav {
font-size: 0.85em;
height: 2.8em;
display: -webkit-flex;
margin-left: auto;
color: #000;

Вот в хроме все работает. Замени вот этот код и все должно быть гуд.