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

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

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

@Fedor92 · 10.07.2016, 12:48

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

@hfhbrmqw · 10.07.2016, 12:58 **[ТС]**

тут как бы не в коде дело, просто совет нужен

HTML5

<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

#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 код, возможно загвоздка в коде не для меню.

@hfhbrmqw 1 / 1 / 1 Регистрация: 19.06.2016 Сообщений: 20
		1
	Оптмизация выпадающего меню 10.07.2016, 12:47. Показов 647. Ответов 6 Метки нет (Все метки) я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список попадает на другую таблицу на странице сайта, то при наведении на него он сворачивается как сделать, чтобы выпадающее меню было активным и при попадании на другую таблицу? __________________ Помощь в написании контрольных, курсовых и дипломных работ здесь 0

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

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

@Fedor92 2957 / 2546 / 1066 Регистрация: 15.12.2012 Сообщений: 9,607 Записей в блоге: 10
	10.07.2016, 13:24	6
	hfhbrmqw, странно у меня такой проблемы нет... 0

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,058
	11.07.2016, 10:06	7
	hfhbrmqw, можно попробовать задать z-index по больше у выпадающего меню. Добавлено через 1 минуту Если дело будет не в z-index выложите весь ваш css код, возможно загвоздка в коде не для меню. 0

Опции темы