Сделать мое меню css в верхней части экрана?

как у http://facebook.com у них есть тип навигационного типа, который остается в верхней части страницы, как я могу сделать это с помощью моего кода. У меня есть мое расширенное меню css, за исключением одной проблемы. ну вот моя ссылка на мой jsfiddleСделать мое меню css в верхней части экрана?

Js fiddle

Главная Запчасти УСС

#cssmenu ul { margin: 0; padding: 0;} 
#cssmenu li { margin: 0; padding: 0;} 
#cssmenu a { margin: 0; padding: 0;} 
#cssmenu ul {list-style: none;} 
#cssmenu a {text-decoration: none;} 
#cssmenu { height: 42px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}

теперь, если им не ошибаюсь это должно быть сделано с этой частью, если не проверить JsFiddle

источник

2013-06-04 Jacob Anthony Tonna

Добавьте следующие строки в меню CSS:

#cssmenu { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
}

Это в основном, как они это делают.

источник

2013-06-04 04:13:25

Обратите внимание, что это скроет верхнюю часть любого содержимого на странице и не будет полным ответом – josh123a123

Действительно, @ josh123a123 - так как вы можете исправить элемент внизу, чтобы его содержимое начиналось чуть ниже меню? –

Добавить недвижимое имущество

#cssmenu { 
      position:fixed; 
}

источник

2013-06-04 04:12:09 ShibinRagh

Ударьте меня, да, это сработает. – box86rowh

Привет, Вы попробовали? – ShibinRagh

janak sah, и у вас такая же проблема, но спасибо anyways –

Это может быть сделано, если вы используете:

position:fixed;

источник

2013-06-04 04:13:26 Janak

попробовал это, он изуродовал строку меню –

Используйте этот CSS для набора вашей навигационной панели, закрепленной на верхней части.

#cssmenu { 
    position:fixed; 
    top: 0; 
    margin:auto; 
    left: 0; 
    right: 0; 
    width: 100%; 
    }

Вот демо: http://jsfiddle.net/SkuhZ/

источник

2013-06-04 04:56:11 Selvamani

i alredy получил это, работая, я пометил Dineshkani, но u может помочь мне с http://stackoverflow.com/questions/16910096/make-my-search-box-show-up-in-the -right-position –

Только эти 3 будет делать ..

position: fixed; 
top: 0; 
width: auto;

источник

2013-06-04 11:59:11 SadhanaP

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

Только мысль, не нужно добавлять z-index: 1000; так, что он плавает по всем пунктам на странице?

источник

2014-01-30 18:26:50 TLCJohn

Да, вы можете добавить z-index: 1000;, чтобы он плавал над контентом. Как сказал RLCJohn выше.

источник

2014-03-06 16:11:18 user3389058

Сделать мое меню css в верхней части экрана?

ответ

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