Как сделать логотип не наводиться в меню?

Я загрузил меню CSS из here и попытался внести некоторые изменения, вот файл скрипта jsfiddle и результат full screen.Как сделать логотип не наводиться в меню?

Теперь я пытаюсь сделать 2 вещи:

Make Logo текст/изображение, чтобы не иметь Hover
Зафиксировать ширину, я ставлю 100%, но если вы посмотрите на полный результат экрана, вы заметите, что неправильно

источник

2013-06-25 biox

Изменение линии 42 до: #navbar li:not(:first-child):hover {

Это позволит убедиться, эффект парения не применяется к первому <li>, который в вашем случае содержит логотип. jsFiddle

Это называется CSS Selectors Level 3

Чтобы исправить нав использовать положение:

#nav { 
    width: 100%; 
    position: fixed; 
    margin: 0 auto; 
    left: 0px; 
}

EDIT:, если вы все еще хотите немного запас на каждом использовании боковой:

#nav { 
    position: fixed; 
    margin: 0; 
    left: 1%; /* you can change this to whatever margin you like */ 
    right: 1%; 
}

и добавить:

#navbar { 
    width: auto; 
}

источник

2013-06-25 23:57:51

Спасибо, что решили мою первую проблему, а как насчет второй проблемы? почему 100% -ная ширина не работает должным образом? – biox

обновлено со вторым исправлением –

Это небольшое пространство слева не было проблемой, правой частью панели является проблема, конец бара выходит за страницу. Вам нужно увидеть весь экран, чтобы увидеть его. – biox

Пробег: #navbar>li:first-child~li:hover. Я обновил свою скрипку в

http://jsfiddle.net/PHPglue/h4uL6/7/

Если вам нужно фиксированное положение по какой-то причине, обернуть весь код в <div>, position:absolute; его и дать ему ту же ширину и поле, как я дал #nav к этому <div> затем введите #navposition:fixed;.

источник

2013-06-26 00:12:05 PHPglue

Как сделать логотип не наводиться в меню?

ответ

Смежные вопросы