X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Выпадающее меню исчезает под курсором
Semenovich
Semenovich
Topic Starter сообщение 25.1.2011, 0:21; Ответить: Semenovich
Сообщение #1


Выпадающее меню горизонтальное, при перемещении курсором исчезает и не удается пройти до второй и третьей строки. В чем может быть проблема?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 25.1.2011, 0:30; Ответить: ottaviano
Сообщение #2


не видя кода, проблема в 5 строке...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 25.1.2011, 0:42; Ответить: Semenovich
Сообщение #3


(ottaviano @ 25.1.2011, 02:30) *
не видя кода, проблема в 5 строке...

[CSS]ul#cssmenu {
width:350px;
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
background: #003366;
height: 30px;
font: bold 12px/28px Verdana, Arial;
border-left:#003366 1px solid;
}

ul#cssmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
}

ul#cssmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
}

ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#cssmenu ul li {
width: 150px;
float: left;
display: block !important;
display: inline;
}

/* Main Menu */
ul#cssmenu a {
border: 0px;
padding: 0 10px;
float: none !important;
float: left;
display: block;
background: #003366;
color: #FFFFFF;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
background: #FFFFFF;
color:#003366;
border-top:#003366 1px solid;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
border-top: 2px solid #FFFFFF;
float: none;
background: #003366;
color: #FFFFFF;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
border-top: 2px solid #FFFFFF;
background: #FFFFFF;
color:#003366;
border:#003366 1px solid;
}

ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
display: block;
}
[/CSS]

<div id="menu_g" align="left"><ul id="cssmenu">

<li><a href="index.html">Главная</a>
<ul></ul>
</li>
<li><a href="#">О нас</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="#">Контакт</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</li>
<li><a href="#">Ресурсы</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</li>
</ul></div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 25.1.2011, 0:43; Ответить: ottaviano
Сообщение #4


Semenovich, а html?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 25.1.2011, 1:08; Ответить: Semenovich
Сообщение #5


(ottaviano @ 25.1.2011, 02:43) *
Semenovich, а html?

ниже написал
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 25.1.2011, 1:13; Ответить: ottaviano
Сообщение #6


Semenovich, в каком браузере не получается спуститься до 2 и 3 линии?

у меня в firefox, opera, chrome i IE7 все переходит и ничего не исчезает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 25.1.2011, 1:22; Ответить: Semenovich
Сообщение #7


http://cssor.ru/examples/cssmenu/cssmenu.htm
(ottaviano @ 25.1.2011, 03:13) *
Semenovich, в каком браузере не получается спуститься до 2 и 3 линии?

у меня в firefox, opera, chrome i IE7 все переходит и ничего не исчезает

вот на этом сайте я брал коды и они тут работают. а у меня горизонталка не идет ни каком браузере
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 25.1.2011, 1:27; Ответить: ottaviano
Сообщение #8


Semenovich, ссилка не рабочая...
скиньте абсолутно весь код вашей страницы (в которой меню не работает)...от <html> до </html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 25.1.2011, 1:35; Ответить: Semenovich
Сообщение #9


<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новый Документ</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->

</head>

<body>

<div id="wrapper">

<div id="header">
<!--вертикальное меню-->
<div id="menu_v" align="center">
<div id="menu_v_1" align="center"><ul id="navmenu-v">
<li><a href="#">Книги</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</li></ul></div>
<div id="menu_v_2" align="center"><ul id="navmenu-v">
<li><a href="#">Статьи</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul></li></ul></div>
<div id="menu_v_3" align="center"><ul id="navmenu-v">
<li><a href="#">Аудио</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul></li></ul></div>
<div id="menu_v_4" align="center"><ul id="navmenu-v">
<li><a href="#">Видео</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul></li></ul></div>
<div id="menu_v_5" align="center"><ul id="navmenu-v">
<li><a href="#">Фото</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul></li></ul></div>
</div>
<!--горизонтальное меню-->
<div id="glafc" align="center"></div>
<div id="menu_g" align="center"><ul id="cssmenu">

</li>
<li><a href="index.html">Главная</a>
<ul></ul>
</li>
<li><a href="#">О нас</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="#">Контакт</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</li>
<li><a href="#">Ресурсы</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</li>
</ul></div>
</div><!-- #header-->

<div id="middle">

<div id="container">
<div id="content">
<p><strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo</p>

<p> vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. </p>
</div><!-- #content-->
</div><!-- #container-->

<div class="sidebar" id="sideLeft">
<strong>Left Sidebar:</strong> Integer velit. Vestibulum nisi nunc, accumsan ut, vehicula sit amet, porta a, mi. Nam nisl tellus, placerat eget, posuere eget, egestas eget, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In elementum urna a eros. Integer iaculis. Maecenas vel elit. </div><!-- .sidebar#sideLeft -->
</div>
<!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
<strong>Footer:</strong> Mus elit Morbi mus enim lacus at quis Nam eget morbi. Et semper urna urna non at cursus dolor vestibulum neque enim. Tellus interdum at laoreet laoreet lacinia lacinia sed Quisque justo quis. Hendrerit scelerisque lorem elit orci tempor tincidunt enim Phasellus dignissim tincidunt. Nunc vel et Sed nisl Vestibulum odio montes Aliquam volutpat pellentesque. Ut pede sagittis et quis nunc gravida porttitor ligula.
</div><!-- #footer -->

</body>


[CSS]* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2A3FAA;
height: 100%;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0000FF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #AA0000;
}
a:hover {
text-decoration: underline;
color: #FF5F00;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:10px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #AA0000; padding-top:5px; }
h4{font-family:Arial, Helvetica, sans-serif; font-size:16px;color: #AA0000; padding-top:20px;}
h5{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #AA0000; padding-top:5px;}
h6{font-family:Arial, Helvetica, sans-serif; font-size:10px;}


img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 100%;
min-width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
height: 270px;
background: #FFE680;
}
#menu_v {float:left; width:250px; height:240px; margin-top:10px; margin-left:14px; margin-right:3px;border:solid 2px #99634D; padding-top:10px;}
#menu_v_1 {width:220px; height:40px; margin:0px; border:solid 1px #99634D; padding:1px;}
#menu_v_2 {width:220px; height:40px; margin:0px; margin-top:2px; border:solid 1px #99634D; padding:1px;}
#menu_v_3 {width:220px; height:40px; margin:0px; margin-top:2px;border:solid 1px #99634D; padding:1px;}
#menu_v_4 {width:220px; height:40px; margin:0px; margin-top:2px; border:solid 1px #99634D; padding:1px;}
#menu_v_5 {width:220px; height:40px; margin:0px; margin-top:2px;border:solid 1px #99634D; padding:1px;}
/*-------------------------------------------------------------------------------------------------------*/
ul#cssmenu {
width:550px;
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
background: #003366;
height: 30px;
font: bold 12px/28px Verdana, Arial;
border-left:#003366 1px solid;
}

ul#cssmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
}

ul#cssmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
}

ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#cssmenu ul li {
width: 150px;
float: left;
display: block !important;
display: inline;
}

/* Main Menu */
ul#cssmenu a {
border: 0px;
padding: 0 10px;
float: none !important;
float: left;
display: block;
background: #003366;
color: #FFFFFF;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
background: #FFFFFF;
color:#003366;
border-top:#003366 1px solid;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
border-top: 2px solid #FFFFFF;
float: none;
background: #003366;
color: #FFFFFF;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
border-top: 2px solid #FFFFFF;
background: #FFFFFF;
color:#003366;
border:#003366 1px solid;
}

ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
display: block;
}

/*----------------------------------------------------------------------------*/

ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
margin: 0px;
border: 0 none;
padding: 0;

width: 160px;
list-style: none;
}

ul#navmenu-v:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-v li {
float: left;
display: block !important;
display: inline;
position: relative;
border:#003366 1px solid;
}
ul#navmenu-v li ul li {
border:none;
border-bottom:#FFFFFF 2px solid;
}

/* Root Menu */
ul#navmenu-v a {
padding: 0 6px;
display: block;
background: #003366;
color: #FFFFFF;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;
}


ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
background: #FFFFFF;
color: #000000;

}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
background: #003366;
color: #FFFFFF;
border:#003366 1px solid;
}


ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
background: #FFFFFF;
color: #003366;
border:#003366 1px solid;
}



ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
display: none;
position: absolute;
top: 0;
left: 161px;
}


ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
display: block;
}

#glafc {float:left; width:78%; height:210px; margin-top:10px; margin-left:6px; margin-right:10px;border:solid 2px #99634D; padding:1px;}
#menu_g {float:left; width:78%; height:30px; margin-top:3px; margin-left:6px; margin-right:10px;border:solid 2px #99634D; padding:1px;}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 60px;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 0 0 270px;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 250px;
margin-left: -100%;
position: relative;
background: #B5E3FF;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
margin: -60px auto 0;
min-width: 1000px;
height: 60px;
background: #BFF08E;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 25.1.2011, 11:02; Ответить: ottaviano
Сообщение #10


Semenovich,
[CSS]#middle {
width: 100%;
padding: 0 0 60px;
height: 1%;
}[/CSS]

P.s. верстка кривая, попробуйте изменить размер окна, все друг на друга налазит !
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
 0 umexa 363 Вчера, 23:23
автор: umexa
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
 0 umexa 306 Вчера, 23:23
автор: umexa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыSEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш
 3 Needmylink1 1033 Вчера, 21:26
автор: Needmylink1
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
 21 Needmylink1 7176 Вчера, 21:16
автор: Needmylink1
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
 63 DaoDog 47493 19.4.2024, 12:05
автор: Omaxis


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 16:35

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet