Найти на сайте
  2. Форумы
  3. МАСТЕРСКАЯ
  4. HTML / CSS / PHP / JS / RegExp
  5. фиксация положения

фиксация положения

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 2 января 2016 в 23:52
как зафиксировать верхнее меню, что бы оно было неподвижным? position:fixed: не помогает, наверно что то еще нужно добавить что бы зафиксировать ее?
0
#2 2 января 2016 в 23:59

position:fixed:

alex
У вас в конце: или ;?
0
#3 3 января 2016 в 00:20
да где бы не ставил, все это приводит к не тому что надо!
0
#4 3 января 2016 в 00:47
Покажите куда прописываете position:fixed;
0
#5 3 января 2016 в 01:15 
  1.  #fixed-menu{
  2.  
  3.     margin-bottom:10px;
  4.     background:url(../images/menubar.jpg) repeat-x center bottom;
  5.     border-radius:8px;
  6.     -moz-border-radius:8px;
  7.     box-shadow: 0 0 5px #000;
  8.     -moz-box-shadow: 0 0 5px #000;
  9. 	height: 60px;
  10.     line-height:60px;
  11.     background:url(../images/headbg.png) repeat-x left bottom;
  12. 	position:fixed;
  13. ___________________
  14. }
  15. #fixed-menu .menu{ list-style:none; margin:0; padding:0; position:relative;margin-left:320px; }
  16. #fixed-menu .menu li a{ text-decoration:none; }
  17. #fixed-menu .menu li{
  18.     list-style:none;
  19.     margin:0;
  20.     padding:0;
  21.     height:40px;
  22.     line-height:40px;
  23.     display:block;
  24. 	zoom: 1;
  25.     font-size:18px;
  26.     float:left;
  27.  
  28. }
  29.  
  30. #fixed-menu .menu li.selected{
  31.     background:url(../images/menubg.png) repeat-x left top;
  32. }
  33.  
  34. #fixed-menu .menu li.selected a.selected{
  35.     color:#fff;
  36.     text-decoration:none;
  37.     text-shadow:0 1px 0 #000;
  38. }
  39.  
  40. #fixed-menu .menu li a:hover,
  41. #fixed-menu .menu li a.hover{
  42.     background:url(../images/menubg-hove.jpg) repeat-x center top;
  43.     color:#000 !important;
  44.     text-shadow:0 1px 0px #FFF !important;
  45. }
  46.  
  47. #fixed-menu .menu li a{
  48.     padding:0px 10px;
  49.     color:#1F3451;
  50.     height:40px;
  51.     line-height:40px;
  52.     display:block;
  53. }
  54.  
  55. #fixed-menu ul li ul {
  56.     display:none;
  57.     position: absolute;
  58.     top: 40px;
  59. 	width: 200px;
  60. 	background: #E9E9E9;
  61. 	color: #000;
  62.     padding:0px;
  63.     z-index:1000;
  64.     box-shadow:1px 1px 3px #000;
  65.     -moz-box-shadow:1px 1px 3px #000;
  66. }
  67. #fixed-menu ul li ul li ul {
  68.     display:none;
  69.     top:0;
  70.     left:200px;
  71. 	width: 200px;
  72. 	background: #E9E9E9;
  73. 	color: #000;
  74.     padding:0px;
  75.     z-index:1000;
  76.     box-shadow:1px 1px 3px #000;
  77.     -moz-box-shadow:1px 1px 3px #000;
  78. }
  79.  
  80. #fixed-menu ul li ul li,  #fixed-menu ul li ul li a{
  81.     display:block;
  82.     width:100%;
  83.     position:relative;
  84. }
  85.  
  86. #fixed-menu ul li ul li a{
  87.     padding:0px !important;
  88.     text-decoration:none;
  89. }
  90. #fixed-menu ul li ul li a span{
  91.     margin:0px 10px;
  92.     padding:0px;
  93. }
  94.  
  95. #fixed-menu ul li ul li a.selected span{
  96.     text-decoration:none;
  97. }
  98.  
  99. .pathway{
  100.     padding:0 20px 10px;
  101.     color:#FFFFFF;
  102.  
  103. }
  104.  
  105. .pathway a{ color:#FFF; }
  106. .pathway a:hover{ color:#BFEAFF; text-decoration:none; }
0
#6 3 января 2016 в 01:26
В дефолтном шаблоне 
  1. #topmenu .menu {
  2.     position: fixed;
  3. }
0
#7 3 января 2016 в 01:58
Возможно вы ошиблись со стилями когда меняли местами меню с хедером.
0
#8 3 января 2016 в 02:33
я не ошибся, я создал новое меню под другим названием, так же я создал новый контейнер для верхнего меню и в styles.css добавил id и class, вот только в задумках зафиксировать меню надо, но не получается как надо, а позиция header осталось на своем месте
0
#9 3 января 2016 в 02:40

я не ошибся

alex
Что бы зафиксировать меню position: fixed; достаточно, значит где то что то не так сделали.

так же я создал новый контейнер для верхнего меню

alex
Что за контейнер? Покажите код в шаблоне, только под споллером.
0
#10 3 января 2016 в 16:06
Lora, огромное спасибо! ты как всегда выручаешь!+
0
проблема с core\cms.php
Лайтбокс фото

Похожие темы

Фиксация целого блока для виджетов

Дизайн / Графика / Искусство Создана 1 год назад 10 сообщений

[ЕСТЬ РЕШЕНИЕ] Некорректное положение редактора Tinymce в комментариях

Вопросы настройки InstantCMS Создана 1 год назад 7 сообщений

Положение виджета в списке контента

Вопросы настройки InstantCMS Создана 10 месяцев назад 7 сообщений

Положение полей в типе контента

Релизы 2.X Создана 10 месяцев назад 9 сообщений

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.