Помогите отредактировать выпадающее меню

Макс-Текс · 18.04.2011, 10:03

Да, выше поднять.
Учтите, что ваше меню в IE6, FF2 и некоторых других старых версиях браузеров не будет работать.

IDen · 18.04.2011, 12:29

Щас вообще как в тупик вошел)))
Вроде все в порядке, но:

FireFox
http://s016.radikal.ru/i335/1104/d7/33ec7a3e47d0.jpg

IE
http://s012.radikal.ru/i319/1104/5d/05ec9155f318.jpg

Косяк в этом блоке:

Цитата:

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

}

Что делать? Как сделать правильное отображение и там и там?

Niemans · 18.04.2011, 12:46

дайте весь код

IDen · 18.04.2011, 16:09

CSS:

Цитата:

ul#cssmenu {
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
background: #005797;

display: inline-block;
}

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

text-align: center;
}

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

}

ul#cssmenu ul:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

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

/* Main Menu */
ul#cssmenu a {
border: 0px;
float: none !important;
display: block;
background: #005797;
color: #FFFFFF;
font-family: Tahoma;

text-align: center;
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 {
color:silver;
}

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

/* 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: 1px solid #FFFFFF;
color:silver;
border:#003366 1px solid;
}

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

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;
}

HTML:

Цитата:

<ul id="cssmenu">
<li><a class="menumain" href="">ГЛАВНАЯ</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</li>
</ul>

Niemans · 18.04.2011, 18:52

и что не получается?

IDen · 18.04.2011, 19:08

В IE сдвинуть выпадающее меню правее.

В FF все в норме

Niemans · 18.04.2011, 19:17

Код HTML:

<style>
ul {margin: 0; padding: 0;}
ul#cssmenu li {margin: 0; padding: 0; position: relative; list-style: none; float: left;}
ul#cssmenu a {display: inline-block; background: #005797; width: 170px; text-align: center; color:silver; border: 1px solid #003366;}
ul#cssmenu a:hover {border: 1px solid #fff; background: #005797; color: #fff;}
ul#cssmenu li ul {display: none; position: absolute; top: 20px; left: 0px;}
ul#cssmenu li:hover ul {display: block;} 
</style>
</head>
<body>
<ul id="cssmenu">
  <li><a class="menumain" href="">ГЛАВНАЯ</a>
    <ul>
      <li><a href="#">Ссылка 1</a></li>
      <li><a href="#">Ссылка 2</a></li>
    </ul>
  </li>
</ul>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите отредактировать меню в CSS	alphoss	HTML, CSS, JavaScript	3	12.08.2015 08:21
Выпадающее меню. Помогите убрать отступ UL	Peter Soloviev	HTML, CSS, JavaScript	6	04.07.2013 08:32
Помогите сделать нестандартное выпадающее меню	zaqwsx_	HTML, CSS, JavaScript	4	26.10.2009 11:23
Помогите отредактировать меню на корейском	sanja	Технологии Flash	12	02.04.2007 17:37
Выпадающее меню	anton	HTML, CSS, JavaScript	3	01.09.2005 14:15

18.04.2011, 10:03	#11
Макс-Текс	Да, выше поднять. Учтите, что ваше меню в IE6, FF2 и некоторых других старых версиях браузеров не будет работать.

18.04.2011, 18:52	#15
Niemans	и что не получается?

18.04.2011, 19:08	#16
IDen	В IE сдвинуть выпадающее меню правее. В FF все в норме