|
Выпадающему меню на сайт и его корректировка
|
|
| Alexsandr0106 | Понедельник, 13 Марта 2017, 12:43 | Сообщение 1 |
| Как сделать чтобы выпадающее меню показывалось не за блоками вот сайт 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;} | | [ RU ] |
| |
| HTML5 | Понедельник, 13 Марта 2017, 12:57 | Сообщение 2 |
| Зачем ставить скрипт правый клик запрещён и писать сюда?
Большая база фильмов и мультфильмов онлайн в Full HD и HD качестве KinoYes.tk
| | [ RU ] |
| |
| Alexsandr0106 | Понедельник, 13 Марта 2017, 12:59 | Сообщение 3 |
|
| сорян ща все сделаю
я же прекрипил кссДобавлено (13.03.2017, 12:59)
---------------------------------------------
все разрешил
| | [ RU ] |
| |
| First-1 | Понедельник, 13 Марта 2017, 13:00 | Сообщение 4 |
| В таких случаях, когда просите помощи, нужно убирать этот бесполезный скрипт запрета клика правой конки мыши. Если в стилях меню не прописан z-index добавьте его
| | [ ES ] |
| |
| Alexsandr0106 | Понедельник, 13 Марта 2017, 13:06 | Сообщение 5 |
|
| куда именно? воткнуть z-index?
| | [ RU ] |
| |
| waak | Понедельник, 13 Марта 2017, 13:09 | Сообщение 6 |
| Как то так наверное в цсс в конец
Код
#nav li ul {
z-index: 200;
position: relative;
}
#nav li a {
position: relative;
z-index: 201;
}
| | [ RU ] |
| |
| Alexsandr0106 | Понедельник, 13 Марта 2017, 13:13 | Сообщение 7 |
|
| все супер слухай еще вопросик а как сделать чтобы не в 1 столбец было а хотябы в 2?
| | [ RU ] |
| |
| waak | Понедельник, 13 Марта 2017, 13:14 | Сообщение 8 |
|
| Цитата Alexsandr0106 (  ) Очень срочно.... css прикрепил
Это вы конечно молодец но по коду слишком много не понять так как он может быть правильный а на меню воздействуют другие стили ил другого цсс файла и без просмотра кода в работе этого не видна
| | [ RU ] |
| |
| Alexsandr0106 | Понедельник, 13 Марта 2017, 13:15 | Сообщение 9 |
|
| код стилей отдельный!
| | [ RU ] |
| |
| waak | Понедельник, 13 Марта 2017, 13:16 | Сообщение 10 |
|
| Цитата Alexsandr0106 ( ) все супер слухай еще вопросик а как сделать чтобы не в 1 столбец было а хотябы в 2?
задать ширину ul 200 рх и ширину li 100рх задать float left по левой стороне и будет 2 колонки
| | [ RU ] |
| |
| Alexsandr0106 | Понедельник, 13 Марта 2017, 13:21 | Сообщение 11 |
|
| а можешь написать что именно изменить? я размеры писал все слетает ! Добавлено (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;
} | | [ RU ] |
| |
| waak | Понедельник, 13 Марта 2017, 13:28 | Сообщение 12 |
|
| Цитата Alexsandr0106 ( ) вот код сss полный
правильно если добавить float left то блок ul потеряет свою высоту и чтоб это исправить нужно перед его закрывающим тегом /ul добавить новый блок который будет отменять float вот так к примеру Код <div style="clear: both;"></div>
Сообщение отредактировал
waak - Понедельник, 13 Марта 2017, 13:28 | | [ RU ] |
| |
| waak | Понедельник, 13 Марта 2017, 13:29 | Сообщение 13 |
|
| также 200рх будет мало нужно где то 270рх
| | [ RU ] |
| |
| Alexsandr0106 | Понедельник, 13 Марта 2017, 13:31 | Сообщение 14 |
|
| не получается (
| | [ RU ] |
| |
| waak | Понедельник, 13 Марта 2017, 13:32 | Сообщение 15 |
|
| Цитата Alexsandr0106 ( ) не получается (
что не получается? киньте код меню
| | [ RU ] |
| |
