О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu, Souteneur 
Форум » Создание сайта » Ucoz » Как зафиксировать горизонтальное меню? (Код прилагается)
Как зафиксировать горизонтальное меню?
Mak7im Дата: Пятница, 09.03.2012, 08:07 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 16
Город: Южно-Сахалинск
Репутация: 0
Статус: Offline
Меню должно оставаться на месте при прокрутке сайта.
Что добавить, что поменять?

CSS

Code
.menu_top {   
    display:block;   
    list-style:none;    
    height:30px;   
    background:#444;   
    border: 1px solid #222;   
    margin:0;   
    padding:0;    
   }   

   .menu_top > li{   
    float:left;   
    position:relative;   
   }   

   .menu_top ul {   
    list-style:none;   
    float:left;   
    border-left:1px solid #292929;   
    margin:10px 0px 10px 20px;   
    padding:0px;   
   }   

   .menu_top ul li a{   
    font:11px Verdana,Arial,Helvetica,sans-serif;   
    color:#fff;   
    line-height:20px;   
    padding:1px 10px 2px 10px;   
   }   

   .menu_top ul li a:hover{   
    color:#111;   
    text-shadow:1px 1px 1px #fff;   
    background:#A5A5A5;    
   }   

   .mt_title1,   
   .mt_title2 {   
    font:12px Verdana,Arial,Helvetica,sans-serif;   
    color:#A5A5A5;   
    text-shadow:1px 1px 1px #000;   
    height:30px;   
    line-height:30px;   
    padding:0px 10px;   
    cursor: pointer;    
   }   

   .mt_title1{   
    border-right:1px solid #292929;   
   }   

   .mt_title2 {   
    border-left:1px solid #292929;   
   }   

   .mt_title3{   
    font:12px Verdana,Arial,Helvetica,sans-serif; font-weight: bold;   
    color:#FFAE00; text-shadow:1px 1px 1px #000;   
    padding:5px 0px 5px 10px;   
    border-bottom: 1px solid #292929;   
   }   

   .menu_div{   
    position:absolute;   
    display:none;   
    background: #5A5A5A;   
    border: 1px solid #292929;    
    top:30px;   
   }   

   .md1{   
    width:350px; left:-1px;   
   }   

   .md2{   
    width:550px; left:-1px;   
   }   

   .md3{   
    width:450px; left:-1px;   
    font:11px Verdana,Arial,Helvetica,sans-serif;   
    color:#fff;   
    padding:10px;   
   }   

   .md4{   
    font:11px Verdana,Arial,Helvetica,sans-serif;    
    color:#fff;   
    padding:10px;   
    width:200px; right:-1px;   
   }   

   .md3 img {   
    float:right;   
    background:#777;   
    padding: 5px 5px 5px 5px;    
    margin: 0px 0px 10px 10px;    
    border: 1px solid #444;    
   }   

   .ldd_nu {   
    float:right!important;    
   }


Сайт первый в подписи

Добавлено (09.03.2012, 08:07)
---------------------------------------------
dance Кто нибудь, помогите?!


top99- свежий софт с прямыми ссылками
aquadom- для души


Сообщение отредактировал Mak7im - Среда, 07.03.2012, 11:26
KorniloFF Дата: Пятница, 09.03.2012, 09:15 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Mak7im, поменяй на:
Code
.menu_top {
     background: none repeat scroll 0 0 #444444;
     border: 1px solid #222222;
     display: block;
     height: 30px;
     list-style: none outside none;
     margin: 0;
     padding: 0;
     position: fixed;
     width: 100%;
}




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Mak7im Дата: Пятница, 09.03.2012, 10:13 | Сообщение # 3
Первоклашка
Группа: Пользователи
Сообщений: 16
Город: Южно-Сахалинск
Репутация: 0
Статус: Offline
Спасибо, помогло! ^_^ +1

top99- свежий софт с прямыми ссылками
aquadom- для души
KorniloFF Дата: Пятница, 09.03.2012, 18:24 | Сообщение # 4
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Mak7im, на здоровье! B)



Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Mak7im Дата: Понедельник, 12.03.2012, 16:46 | Сообщение # 5
Первоклашка
Группа: Пользователи
Сообщений: 16
Город: Южно-Сахалинск
Репутация: 0
Статус: Offline
:D Продолжаю тему. Поменял шаблон на 808-ой. Меню съехало вправо и перестало работать в верхней части (в хедере) и в колонке, там где выпадает на вертикальное меню.
Пробовал создать глобальный блок - меню располагается правильно, при наведении выпадает, но не срабатывает.
Если я правильно понял Ooo , в верхней части сайта, мое меню что то блокирует, на ширине 1000рх по центру.
Хочу:
- меню на всю ширину
- зафиксированное вверху
- работающее

Вопросы:
- как это сделать?
- нужен для меню отдельный гл. блок?

хэлп ми shame


top99- свежий софт с прямыми ссылками
aquadom- для души
KorniloFF Дата: Понедельник, 12.03.2012, 19:31 | Сообщение # 6
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Quote (Mak7im)
Продолжаю тему. Поменял шаблон на 808-ой. Меню съехало

А ты думаешь, что при каждом изменении все будет на месте???
Quote (Mak7im)
Хочу:
- меню на всю ширину
- зафиксированное вверху
- работающее

Подобные претензии лишь на платной основе.
Quote (Mak7im)
Вопросы:
- как это сделать?
- нужен для меню отдельный гл. блок?

См. выше.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Mak7im Дата: Вторник, 13.03.2012, 01:41 | Сообщение # 7
Первоклашка
Группа: Пользователи
Сообщений: 16
Город: Южно-Сахалинск
Репутация: 0
Статус: Offline
Quote (KorniloFF)
Подобные претензии лишь на платной основе.

Претензий никаких нет, только благодарность за оперативный ответ и за начальную помощь.
Платить нечем, поэтому большую часть изучаю сам. Ко всему это интересно, ..но долго.
Если ваять за меня коды сложно и совсем платно, то может кто подскажет, нужно ли создавать гл. блок для этого меню и почему на ширине 1000рх по центру не срабатывает.


top99- свежий софт с прямыми ссылками
aquadom- для души
Гром Дата: Вторник, 13.03.2012, 04:13 | Сообщение # 8
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Quote (Mak7im)
нужно ли создавать гл. блок для этого меню

Нет

Quote (Mak7im)
почему на ширине 1000рх по центру не срабатывает.

вопрос не ясен


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
Mak7im Дата: Вторник, 13.03.2012, 09:47 | Сообщение # 9
Первоклашка
Группа: Пользователи
Сообщений: 16
Город: Южно-Сахалинск
Репутация: 0
Статус: Offline
Quote (Гром)
почему на ширине 1000рх по центру не срабатывает. вопрос не ясен

Гром, если открываешь сайт первый в подписи. На данный момент, горизонтальное выпадающее меню сдвинуто вправо.
В голове (отмечено зеленым) не выпадает.


Спускаешь ниже выпадает и работает.



top99- свежий софт с прямыми ссылками
aquadom- для души
Гром Дата: Вторник, 13.03.2012, 11:31 | Сообщение # 10
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Потому что у тебя там стоит другой блок, который накладывается поверх меню. Либо опускай тот блок, либо удаляй его

Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
Форум » Создание сайта » Ucoz » Как зафиксировать горизонтальное меню? (Код прилагается)
Страница 1 из 11
Поиск:
Как зафиксировать горизонтальное меню? - Создание сайта - Ucoz - Форум
Сегодня были на форуме:
Djumba, simsimsa, veronicakaple

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск