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

@hfhbrmqw · Регистрация: 19.06.2016

Студворк — интернет-сервис помощи студентам

я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список попадает на другую таблицу на странице сайта, то при наведении на него он сворачивается
как сделать, чтобы выпадающее меню было активным и при попадании на другую таблицу?

@Fedor92 · 10.07.2016, 12:48

hfhbrmqw, либо предоставьте код - либо ссылку на сайт, где можно взглянуть на Вашу проблему...

@hfhbrmqw · 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>

прикрепил скриншот
при наведении на пункт ниже, выпадающее меню сворачивается
(ниже новая таблица)

@Fedor92 · 10.07.2016, 13:02

hfhbrmqw, чтобы выдавать советы нужно видеть суть проблемы перед глазами... Мы же не экстрасенсы в конце концов...

Как у Вас реализована выпадашка? Где CSS или может js?

@hfhbrmqw · 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);
}

@Fedor92 · 10.07.2016, 13:24

hfhbrmqw, странно у меня такой проблемы нет...

@boilzzz · 11.07.2016, 10:06

hfhbrmqw, можно попробовать задать z-index по больше у выпадающего меню.

Добавлено через 1 минуту
Если дело будет не в z-index выложите весь ваш css код, возможно загвоздка в коде не для меню.

Новые блоги и статьи Все статьи Все блоги /
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) и новая волна компилируемых фреймворков. . .

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

	Оптмизация выпадающего меню 10.07.2016, 12:47. Показов 888. Ответов 6 Метки нет (Все метки) я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список попадает на другую таблицу на странице сайта, то при наведении на него он сворачивается как сделать, чтобы выпадающее меню было активным и при попадании на другую таблицу? 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	10.07.2016, 12:48
	hfhbrmqw, либо предоставьте код - либо ссылку на сайт, где можно взглянуть на Вашу проблему... 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	10.07.2016, 13:02
	hfhbrmqw, чтобы выдавать советы нужно видеть суть проблемы перед глазами... Мы же не экстрасенсы в конце концов... Как у Вас реализована выпадашка? Где CSS или может js? 0

@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

Опции темы