• Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Форум » Web-Раздел » Начинающему вебмастеру » Выпадающему меню на сайт и его корректировка (Здесь мы сделаем адаптивное выпадающее меню на jQuery и CSS3)
Выпадающему меню на сайт и его корректировка
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 1
Оффлайн
Пользователи
Сообщений:46
Награды: 0
Как сделать чтобы выпадающее меню показывалось не за блоками вот сайт only-cinema.ru.
Очень срочно css прикрепил.

Код
* {  
margin:0;  
padding:0}

#nav {
list-style-type:none;
width:100%;
height:40px;
display:inline-block;
background:#355C96;
line-height:40px;}

#nav li {
float:left;
width:120px;}
   
#nav li a {
width:240px;
text-align:center;
color:#fff;
display:block;
position:relative;
font-size:14px;}
   
#nav li a:hover {
background:#DCE2FC;
color:#355C96;}

#nav li:hover > ul {
display:block;}

#nav li ul {
background:#6286BD;
margin-top:-40px;
padding-top:40px;
list-style-type:none;
display:none;}

#nav li ul li {
float:none;
margin:0;
width:auto;}


Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
HTML5
Понедельник, 13 Марта 2017 | Сообщение 2
Оффлайн
Проверенные
Сообщений:163
Награды: 3
Зачем ставить скрипт правый клик запрещён и писать сюда?

Большая база фильмов и мультфильмов онлайн в Full HD и HD качестве KinoYes.tk
Страна: (RU)
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 3
Оффлайн
Пользователи
Сообщений:46
Награды: 0
сорян ща все сделаю
я же прекрипил ксс

Добавлено (13.03.2017, 12:59)
---------------------------------------------
все разрешил


Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
First-1
Понедельник, 13 Марта 2017 | Сообщение 4
Оффлайн
Пользователи
Сообщений:716
Награды: 22
В таких случаях, когда просите помощи, нужно убирать этот бесполезный скрипт запрета клика правой конки мыши. Если в стилях меню не прописан z-index добавьте его
Страна: (ES)
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 5
Оффлайн
Пользователи
Сообщений:46
Награды: 0
куда именно? воткнуть z-index?

Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
waak
Понедельник, 13 Марта 2017 | Сообщение 6
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Как то так наверное в цсс в конец

Код

#nav li ul {
    z-index: 200;
    position: relative;
}
#nav li a {
    
    position: relative;
    z-index: 201;
}
Страна: (RU)
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 7
Оффлайн
Пользователи
Сообщений:46
Награды: 0
все супер слухай еще вопросик а как сделать чтобы не в 1 столбец было а хотябы в 2?

Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
waak
Понедельник, 13 Марта 2017 | Сообщение 8
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Alexsandr0106 ()
Очень срочно.... css прикрепил

Это вы конечно молодец но по коду слишком много не понять так как он может быть правильный а на меню воздействуют другие стили ил другого цсс файла и без просмотра кода в работе этого не видна
Страна: (RU)
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 9
Оффлайн
Пользователи
Сообщений:46
Награды: 0
код стилей отдельный!

Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
waak
Понедельник, 13 Марта 2017 | Сообщение 10
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Alexsandr0106 ()
все супер слухай еще вопросик а как сделать чтобы не в 1 столбец было а хотябы в 2?

задать ширину ul 200 рх и ширину li 100рх задать float left по левой стороне и будет 2 колонки
Страна: (RU)
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 11
Оффлайн
Пользователи
Сообщений:46
Награды: 0
а можешь написать что именно изменить? я размеры писал все слетает !

Добавлено (13.03.2017, 13:21)
---------------------------------------------
вот код сss полный

Код
* {  
margin:0;  
padding:0}

#nav {
list-style-type:none;
width:100%;
height:40px;
display:inline-block;
background:#355C96;
line-height:40px;}

#nav li {
float:left;
width:120px;}
   
#nav li a {
width:120px;
text-align:center;
color:#fff;
display:block;
position:relative;
font-size:14px;}
   
#nav li a:hover {
background:#DCE2FC;
color:#355C96;}

#nav li:hover > ul {
display:block;}

#nav li ul {
background:#6286BD;
margin-top:-40px;
padding-top:40px;
list-style-type:none;
display:none;}

#nav li ul li {
float:none;
margin:0;
width:auto;}

#nav li ul {
    z-index: 200;
    position: relative;
}
#nav li a {
    
    position: relative;
    z-index: 201;
}


Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
waak
Понедельник, 13 Марта 2017 | Сообщение 12
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Alexsandr0106 ()
вот код сss полный

правильно если добавить float left то блок ul потеряет свою высоту и чтоб это исправить нужно перед его закрывающим тегом /ul добавить новый блок который будет отменять float вот так к примеру
Код
<div style="clear: both;"></div>


Сообщение отредактировал
waak - Понедельник, 13 Марта 2017, 13:28
Страна: (RU)
waak
Понедельник, 13 Марта 2017 | Сообщение 13
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
также 200рх будет мало нужно где то 270рх
Страна: (RU)
Alexsandr0106
Понедельник, 13 Марта 2017 | Сообщение 14
Оффлайн
Пользователи
Сообщений:46
Награды: 0
не получается (

Сайт на аукционе https://www.telderi.ru/ru/viewsite/1143674
Страна: (RU)
waak
Понедельник, 13 Марта 2017 | Сообщение 15
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата Alexsandr0106 ()
не получается (

что не получается? киньте код меню
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Выпадающему меню на сайт и его корректировка (Здесь мы сделаем адаптивное выпадающее меню на jQuery и CSS3)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: