Не могу отобразить меню по горизонтали, используя HTML и CSS

Question

Не могу отобразить меню по горизонтали, используя HTML и CSS

0

.navigation {
padding: 0;
margin: 0;
background: #333;
position: fixed;
top: 0;
z-index: 999;
width: 100%;

li {
    display: inline-block;
    padding: 5px 10px;

    a { 
        color: #e1e1e1;
        text-decoration: none;

        &:hover{
            color: lighten(#e1e1e1, 20%);

        }
    }
}

Я пытаюсь создать панель меню, которая находится в горизонтальном формате. Я уже пробовал использовать display: inline-block, но все же у меня проблема с ним. Я даже пытался использовать display: inline, но, похоже, он не решает. может ли кто-нибудь помочь мне решить это.

raaj5671 15 апр. 2014, в 18:25

Источник

0

Пожалуйста, предоставьте свой код с помощью html или jsfiddle или телепатического подарка
potashin 15 апр. 2014, в 15:32
0

это ссылка на jsfiddle jsfiddle.net/vc2eH
raaj5671 15 апр. 2014, в 15:38

Теги:

html

css

1 ответ

Ещё вопросы

Пожалуйста, предоставьте свой код с помощью html или jsfiddle или телепатического подарка

jmore009 · Accepted Answer · 2014-04-15T13-40-00.000Z

вы пишете это в scss? Я предполагаю, что ваше гнездо выключено, потому что оно отлично работает в обычном css:

.navigation {
  padding: 0;
  margin: 0;
  background: #333;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}

li {
  display: inline-block;
  padding: 5px 10px;
}

a { 
  color: #FFF;
  text-decoration: none;
}

a:hover{
   color: lighten(#e1e1e1, 20%);
}

FIDDLE

похоже, что вам не хватает последнего }, который закрыл бы .navigation. Попробуйте UPDATE: вот ответ: NEW FIDDLE

Это правда, что ОП пропустил } закрытие декларации для .navigation . Его скрипка также не имеет языка (который можно выбрать на левой боковой панели), установленного на SCSS (по умолчанию CSS ).
даже не догадывался, что вы можете переключиться на scss в jsfiddle, спасибо за подсказку
@ user3536613 нет проблем. Просто отметьте это как правильное для будущего использования