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