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

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 2 января 2016 в 23:52

как зафиксировать верхнее меню, что бы оно было неподвижным? position:fixed: не помогает, наверно что то еще нужно добавить что бы зафиксировать ее?

#2 2 января 2016 в 23:59

position:fixed:
alex

У вас в конце: или ;?

#3 3 января 2016 в 00:20

да где бы не ставил, все это приводит к не тому что надо!

Сегодня в 15:45

#4 3 января 2016 в 00:47

Покажите куда прописываете position:fixed;

Разработка мобильных приложений

#5 3 января 2016 в 01:15

 #fixed-menu{
 
    margin-bottom:10px;
    background:url(../images/menubar.jpg) repeat-x center bottom;
    border-radius:8px;
    -moz-border-radius:8px;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
	height: 60px;
    line-height:60px;
    background:url(../images/headbg.png) repeat-x left bottom;
	position:fixed;
___________________
}
#fixed-menu .menu{ list-style:none; margin:0; padding:0; position:relative;margin-left:320px; }
#fixed-menu .menu li a{ text-decoration:none; }
#fixed-menu .menu li{
    list-style:none;
    margin:0;
    padding:0;
    height:40px;
    line-height:40px;
    display:block;
	zoom: 1;
    font-size:18px;
    float:left;
 
}
 
#fixed-menu .menu li.selected{
    background:url(../images/menubg.png) repeat-x left top;
}
 
#fixed-menu .menu li.selected a.selected{
    color:#fff;
    text-decoration:none;
    text-shadow:0 1px 0 #000;
}
 
#fixed-menu .menu li a:hover,
#fixed-menu .menu li a.hover{
    background:url(../images/menubg-hove.jpg) repeat-x center top;
    color:#000 !important;
    text-shadow:0 1px 0px #FFF !important;
}
 
#fixed-menu .menu li a{
    padding:0px 10px;
    color:#1F3451;
    height:40px;
    line-height:40px;
    display:block;
}
 
#fixed-menu ul li ul {
    display:none;
    position: absolute;
    top: 40px;
	width: 200px;
	background: #E9E9E9;
	color: #000;
    padding:0px;
    z-index:1000;
    box-shadow:1px 1px 3px #000;
    -moz-box-shadow:1px 1px 3px #000;
}
#fixed-menu ul li ul li ul {
    display:none;
    top:0;
    left:200px;
	width: 200px;
	background: #E9E9E9;
	color: #000;
    padding:0px;
    z-index:1000;
    box-shadow:1px 1px 3px #000;
    -moz-box-shadow:1px 1px 3px #000;
}
 
#fixed-menu ul li ul li,  #fixed-menu ul li ul li a{
    display:block;
    width:100%;
    position:relative;
}
 
#fixed-menu ul li ul li a{
    padding:0px !important;
    text-decoration:none;
}
#fixed-menu ul li ul li a span{
    margin:0px 10px;
    padding:0px;
}
 
#fixed-menu ul li ul li a.selected span{
    text-decoration:none;
}
 
.pathway{
    padding:0 20px 10px;
    color:#FFFFFF;
 
}
 
.pathway a{ color:#FFF; }
.pathway a:hover{ color:#BFEAFF; text-decoration:none; }

#6 3 января 2016 в 01:26

В дефолтном шаблоне

#topmenu .menu {
    position: fixed;
}

#7 3 января 2016 в 01:58

Возможно вы ошиблись со стилями когда меняли местами меню с хедером.

Разработка мобильных приложений

#8 3 января 2016 в 02:33

я не ошибся, я создал новое меню под другим названием, так же я создал новый контейнер для верхнего меню и в styles.css добавил id и class, вот только в задумках зафиксировать меню надо, но не получается как надо, а позиция header осталось на своем месте

#9 3 января 2016 в 02:40

я не ошибся
alex

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

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

Что за контейнер? Покажите код в шаблоне, только под споллером.

Разработка мобильных приложений

#10 3 января 2016 в 16:06

Lora, огромное спасибо! ты как всегда выручаешь!+

проблема с core\cms.php

Лайтбокс фото

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

Похожие темы

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

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

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

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

[ЕСТЬ РЕШЕНИЕ] Не открывается add или edit при смене положения в сетке виджет "тело страницы"

InstantCMS Team

О проекте

Поддержка

Дополнения