1 / 1 / 1
Регистрация: 19.06.2016
Сообщений: 20

Оптмизация выпадающего меню

10.07.2016, 12:47. Показов 888. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список попадает на другую таблицу на странице сайта, то при наведении на него он сворачивается
как сделать, чтобы выпадающее меню было активным и при попадании на другую таблицу?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
10.07.2016, 12:47
Ответы с готовыми решениями:

Изменить горизонтальное меню - сделать автозакрытие выпадающего меню после отвода курсора
Вообщем что имеем: http://test.aowserv.ru имеется горизонтальное меню, при наведении на кнопку Пример появляется выпадающее меню. вообщем...

подпункты выпадающего меню
Подскажите, пожалуйста, где и как подправить в шаблоне такой момент: в мобильной версии выпадающие вкладки подпунктов меню появляется...

Фон выпадающего меню
Должно быть Сделал вот Собственно вопрос: как сделать, чтобы background был 1 для всего подменю (растягивался) как на 1 скрине,...

6
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
10.07.2016, 12:48
hfhbrmqw, либо предоставьте код - либо ссылку на сайт, где можно взглянуть на Вашу проблему...
0
1 / 1 / 1
Регистрация: 19.06.2016
Сообщений: 20
10.07.2016, 12:58  [ТС]
тут как бы не в коде дело, просто совет нужен
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
    <link rel="shortcut icon" href="img/stol.jpg" type="image/gif">
    <title>VII Столыпинская конференция</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<br>
<br>
    <table id="table1">
    <tr>
        <td class="menu">
         <img  src="img/logoo.png" align="left"><br>
         <a  href="http://www.altairegion22.ru/" target="_blank"> Администрация Алтайского края   </a> <br><br>
<a  href="http://www.econom22.ru/" target="_blank"> Главное управление экономики и инвестиций Алтайского края
   </a>
        </td>
            <td colspan="6" id="td1" >
            <ul id="nav">
    <li>
        <a href="index.html" title="Вернуться на главную страницу">Главная</a>
    </li>
    <li>
        <a href="konfer.html" title="Информация о конференции">О конференции</a>
    </li>
    <li>
        <a href="sekcii.html" title="Проект программы">Секции</a>
        <ul>
            <li><a href="#">Секция 1</a></li>
            <li><a href="#">Секция 2</a></li>
            <li><a href="#">Секция 3</a></li>
            <li><a href="#">Секция 4</a></li>
            <li><a href="#">Секция 5</a></li>
        </ul>
    </li>
    <li>
        <a href="news.html" title="Новости">Новости</a>
    </li>
    <li>
        <a href="bulo.html" title="Прошлые годы">Как это было</a>
        <ul>
        
            <li><a href="#">VI Столыпинская конференция 2015 года</a></li>
            <li><a href="#">Форум 2014 года</a></li>
            <li><a href="#">Форум 2013 года</a></li>
            <li><a href="#">Научно-практическая конференция 2012 года</a></li>
            <li><a href="#">Научно-практическая конференция 2011 года</a></li>
            <li><a href="#">Научно-практическая конференция 2010 года</a></li>
        </ul>
    </li>
        <li>
        <a href="kontakt.html" title="Как с нами связаться">Контакты</a>
    </li>
    </ul>   
    </td> 
            <td> 
            <img  src="img/konf.png" width="200" height="100"   align="top"  >
            </td> 
    </tr></table>
    <table id="table2">
    
<tr>
<td  class="menu">
<br>
    <h1>Дата проведения: </h1> <h2>18-19 августа 2016 года </h2>
    <h1>Место проведения: </h1>
<h2>
Концертный зал «Сибирь», г. Барнаул, пр. Ленина, 7.<br> 
Проезд  автобусами: 1, 10, 20, 35, 55, 53, 57, 60, 109 <br> 
Троллейбусами: 1, 7 <br> 
Маршрутными такси: 27, 34, 78, 144 до остановки  "Театр кукол" </h2>
 <a href=http://econom22.ru/about/%D0%9A%D0%BE%D0%BD%D1%86%D0%B5%D0%BF%D1%86%D0%B8%D1%8F%20VII%20%D0%A1%D1%82%D0%BE%D0%BB%D1%8B%D0%BF%D0%B8%D0%BD%D1%81%D0%BA%D0%BE%D0%B9%20%D0%BA%D0%BE%D0%BD%D1%84%D0%B5%D1%80%D0%B5%D0%BD%D1%86%D0%B8%D0%B8%20%D0%BE%D0%B1%D1%89%D0%B0%D1%8F_%20%D0%B8%D1%82%D0%BE%D0%B3%D0%BE_%D0%B4%D0%BB%D1%8F%20%D0%9F%D0%94%D0%A4.pdf  target="_blank"> Концепция VII Cтолыпинской конференции «Регионы Сибири: возможности экономического развития» </a>
    
</td>
<td>
Текст
</td>
</tr>
    
    
        </table>
 
</body>
</html>
прикрепил скриншот
при наведении на пункт ниже, выпадающее меню сворачивается
(ниже новая таблица)
Миниатюры
Оптмизация выпадающего меню  
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
10.07.2016, 13:02
hfhbrmqw, чтобы выдавать советы нужно видеть суть проблемы перед глазами... Мы же не экстрасенсы в конце концов... Как у Вас реализована выпадашка? Где CSS или может js?
0
1 / 1 / 1
Регистрация: 19.06.2016
Сообщений: 20
10.07.2016, 13:11  [ТС]
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
#nav{
    float:left;
    width:100%;
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
    display:block;
}
#nav li a{
    display:block;
    padding:5px;
    color:black;
    background:white;
    text-decoration:none;
    
 
}
#nav li a:hover{
    color:black;
    background:black;
 
    text-decoration:underline;
}
 
#nav ul{
    list-style:none;
    position:absolute;
    left:-9999px; 
    opacity:0; 
    -webkit-transition:0.25s linear opacity; 
}
#nav ul li{
    padding-top:1px; 
    float:none;
    background:url(dot.gif);
}
#nav ul a{
    white-space:nowrap; 
    display:block;
}
#nav li:hover ul{ 
    left:0; 
    opacity:1; 
}
#nav li:hover a{ 
    background:paleturquoise;  
 
    text-decoration:underline;
}
#nav li:hover ul a{ 
    text-decoration:none;
    -webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ 
    background:teal;  
 
    text-decoration:underline;
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
}
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
10.07.2016, 13:24
hfhbrmqw, странно у меня такой проблемы нет...
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
11.07.2016, 10:06
hfhbrmqw, можно попробовать задать z-index по больше у выпадающего меню.

Добавлено через 1 минуту
Если дело будет не в z-index выложите весь ваш css код, возможно загвоздка в коде не для меню.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
11.07.2016, 10:06
Помогаю со студенческими работами здесь

Создание выпадающего меню
Как из этого меню сделать выпадающее вниз меню с подпунктами? #menu {clear: both;/*Отменяет обтекание элемента одновременно с правого и...

Шаблон выпадающего меню
Здравствуйте. вопрос такой. имеются в коде html ссылки на шаблон css выпадающего меню &lt;link href=&quot;styles_main.css&quot;...

Магия выпадающего меню
Создал горизонтальное меню, при наведении курсора мыши на его пункты выпадает вертикальное меню, все отлично...НО! под горизонтальными меню...

Некорректное поведение выпадающего меню
Камрады помогите с выпадающим меню - выпадает, но некорректно... &lt;ul class=&quot;menu&quot;&gt; &lt;li&gt;&lt;a...

Плавное открытие выпадающего меню
Что нужно добавить и в каком месте приведенного кода чтобы выпадающее меню разворачивалось плавно? &lt;nav&gt; &lt;ul&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

Новые блоги и статьи
EmBitz, создание проекта, отладка, прошивка
locm 15.07.2025
Создание проекта для Blue Pill (STM32F103C8T6) в EmBitz 2. 30, написания кода blink, запуск отладки в ОЗУ, заливка релизной прошивки во flash используя ST-Link и др. . . .
Трассировка корутин Kotlin с OpenTelemetry
mobDevWorks 14.07.2025
Асинхронное программирование меняет правила игры, особенно когда речь заходит о трассировке операций. В Kotlin с его корутинами эта проблема приобретает особый оттенок, который я хотел бы детально. . .
Облачные приложения на Rust: руководство по архитектуре микросервисов
golander 13.07.2025
Когда я впервые взялся за проектирование облачной платформы для одного из наших клиентов, выбор стоял между привычными Go и Java. Но после нескольких месяцев разработки микросервисной системы,. . .
Как Node.js выполняет асинхронные операции
Reangularity 13.07.2025
Каждый раз, когда я рассказываю про Node. js, возникает один и тот же вопрос: "Как эта штука может быть быстрой, если JavaScript — однопоточный язык?" И это действительно кажется парадоксом. Ведь в. . .
Как писать чистый, тестируемый и качественный код на Python
py-thonny 12.07.2025
Помню свой первый проект на Python. Работал тогда быстро, грязно, лишь бы работало. Код был похож на запутанный клубок - переменные по одной букве, функции на 200 строк, комментарии отсутствовали как. . .
Blazor и контроллер сервопривода IoT Meadow Maple
Wired 11.07.2025
Я решил разобраться, как можно соединить современные веб-технологии с миром "железа". Интересная комбинация получилась из Blazor в качестве веб-интерфейса и микроконтроллера Meadow с его веб-сервером. . .
Генерация OpenQASM из кода Q#
EggHead 10.07.2025
Летом 2024-го я начал эксперименты с библиотекой Q# Bridge, и знаете что? Она оказалась просто находкой для тех, кто работает на стыке разных квантовых экосистем. Основная фишка этой библиотеки -. . .
Изучаем новый шаблон ИИ-чата .NET AI Chat Web App
stackOverflow 10.07.2025
В . NET появилось интересное обновление - новый шаблон ИИ-чата под названием . NET AI Chat Web App. Когда я впервые наткнулся на анонс этого шаблона, то сразу понял, что Microsoft наконец-то. . .
Результаты исследования от команды ARP (июль 2025 г.)
Programma_Boinc 10.07.2025
Результаты исследования от команды ARP (июль 2025 г. ) Африканский проект по дождям (ARP) World Community Grid снова запущен! Мы рады поделиться обновленной информацией о нашем прогрессе с осени. . .
Angular vs Svelte - что лучше?
Reangularity 09.07.2025
Сегодня рынок разделился на несколько четких категорий: тяжеловесы корпоративного уровня (Angular), гибкие универсалы (React), прогрессивные решения (Vue) и новая волна компилируемых фреймворков. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru