Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
1 / 1 / 1
Регистрация: 19.06.2016
Сообщений: 20
1

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

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

я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список попадает на другую таблицу на странице сайта, то при наведении на него он сворачивается
как сделать, чтобы выпадающее меню было активным и при попадании на другую таблицу?
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.07.2016, 12:47
Ответы с готовыми решениями:

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

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

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

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

6
Эксперт HTML/CSS
2957 / 2546 / 1066
Регистрация: 15.12.2012
Сообщений: 9,607
Записей в блоге: 10
10.07.2016, 12:48 2
hfhbrmqw, либо предоставьте код - либо ссылку на сайт, где можно взглянуть на Вашу проблему...
0
1 / 1 / 1
Регистрация: 19.06.2016
Сообщений: 20
10.07.2016, 12:58  [ТС] 3
тут как бы не в коде дело, просто совет нужен
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
2957 / 2546 / 1066
Регистрация: 15.12.2012
Сообщений: 9,607
Записей в блоге: 10
10.07.2016, 13:02 4
hfhbrmqw, чтобы выдавать советы нужно видеть суть проблемы перед глазами... Мы же не экстрасенсы в конце концов... Как у Вас реализована выпадашка? Где CSS или может js?
0
1 / 1 / 1
Регистрация: 19.06.2016
Сообщений: 20
10.07.2016, 13:11  [ТС] 5
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
2957 / 2546 / 1066
Регистрация: 15.12.2012
Сообщений: 9,607
Записей в блоге: 10
10.07.2016, 13:24 6
hfhbrmqw, странно у меня такой проблемы нет...
0
Богатый духовно
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,058
11.07.2016, 10:06 7
hfhbrmqw, можно попробовать задать z-index по больше у выпадающего меню.

Добавлено через 1 минуту
Если дело будет не в z-index выложите весь ваш css код, возможно загвоздка в коде не для меню.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.07.2016, 10:06

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

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

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

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

Отредактировать стили выпадающего меню
Проблема с фоновым изображением подменю

По поводу анимации выпадающего меню
Знающие, подскажите как сейчас обстоят дела с анимацией менюшек. На js или извращаются на css? Я...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.