Перейти к содержимому



Выплывающие меню на CSS

#1 arlexs

arlexs
  • Неактивные
  • 7 сообщений
  • Репутация: 0
0

Отправлено 20 Июль 2009 - 16:22

Ребята, оч нужна ваша помощь. Подскажите Как сделать горизонтальное выплывающие меню только на CSS. Мне нужно чтобы при наведении на картинку выезжала меню. ПРИМЕР:

/картинка\ /картинка2\
+пункт1.1 +пункт2.1
+пункт1.2 +пункт2.2


Заранее Огромное спасибо!

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Горизонтальное выпадающее меню на css
  2. Выпадающее меню на CSS
  3. Скрипт вертикального меню на CSS
  4. Создание меню для Html, которое будет обновляться на всех страницах сайта...
  5. Выпадающее меню

#2 Евгений

Евгений
  • Неактивные
  • 481 сообщений
  • Репутация: 0

Отправлено 20 Июль 2009 - 17:43

вы кажется горизонтальное меню нарисовали?!
  • 0

#3 arlexs

arlexs
    Topic Starter
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 20 Июль 2009 - 19:51

А да, прошу прощение... мне горизонтальное нужно


  • 0

#4 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 20 Июль 2009 - 21:11

arlexs,
http://www.getincss....ayushhee-menyu/
всё на CSS кроме IE 6
  • 0

#5 arlexs

arlexs
    Topic Starter
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 21 Июль 2009 - 07:10

А на IE 7 работает?


  • 0

#6 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 22 Июль 2009 - 22:33

arlexs, не могу сказать, Винду переставил, у самого щас IE 6 стоит
  • 0

#7 webusver

webusver
  • Неактивные
  • 6 сообщений
  • Репутация: 0

Отправлено 09 Март 2010 - 12:57

Вот нашел хорошее горизонтальное меню http://cssor.ru/exam...enu/cssmenu.htm Для ИЕ применяется скрипт. Но вот как сделать чтобы меню работало как http://www.lwis.net/...ple.linear.html , т.е чтобы горизонтально выпадало?

Как изменить первый пример, чтобы он работал как второве меню?

Вот код:
/* CSS Document */
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;
}

Очень извиняюсь, но сам пока темы создавать не могу, а нужно задать вопрос... Заранее всем спасибо.
  • 0

#8 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 09 Март 2010 - 14:32

на любой вкус :huh: http://www.dynamicdr...ry/category/C1/
  • 0

#9 webusver

webusver
  • Неактивные
  • 6 сообщений
  • Репутация: 0

Отправлено 09 Март 2010 - 14:44

Мне б разобраться как исправить...
  • 0

#10 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 09 Март 2010 - 21:55

webusver, Вторая ссылка не открывается, запостите её ещё раз, а то не могу понять, что вам нужно.
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru