Страница 1 из 1
Горизонтальное меню
Добавлено: 06 ноя 2009, 21:40
Ichi28
Код: Выделить всё
/* ---------MENU--------------- */
#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #000;
background: #000000;
float: left;
width: 100%;
}
#nav li {
float: left;
position: relative;
background: #000000;
back\ground: none;
}
#nav a {
color: #fff;
text-decoration: none;
display: block;
width: 120px;
background: #000000 repeat-y right;; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px
}
#nav a:hover {
color: #000;
background: #ccc;
}
#nav li:hover,
#nav li.jshover {
background: #333;
}
#nav li ul {
display: none;
position: absolute;
background: url('http://kinowood.ucoz.ru/diz/cont.png');
width: 138px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px
}
#nav li li a {
width: 118px;
background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
display: block;
}
#nav li:hover li ul,
#nav li.jshover li ul {
display: none;
width: 138px;
top: -9px;
left: 118px;
lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
display: block;
}
/* ------------------------ */
Как сделать так, что бы при вождении курсора уже в открывшемся меню, пункт, которым оно открылось, был на определенном фоне, а не на том, что задан для строки с пунктами?
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 08:10
ViaT
Ichi28, Ты хочешь серые полоски убрать?
?
Если да то:
#nav li ul {
display: none;
position: absolute;
background: url('http://kinowood.ucoz.ru/diz/cont.png');width: 138px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px
}
Я красным выделил что заменять
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 09:15
Task
красным? 
Код: Выделить всё
/* ---------MENU--------------- */
#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #000;
background: #000000;
float: left;
width: 100%;
}
#nav li {
float: left;
position: relative;
background: #000000;
background: none;
}
#nav a {
color: #fff;
text-decoration: none;
display: block;
width: 120px;
background: #000000 repeat-y right;; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px
}
#nav a:hover {
color: #000;
background: #ccc;
}
#nav li:hover,
#nav li.jshover {
background: #333;
}
#nav li ul {
display: none;
position: absolute;
background: #f2f2f2;
width: 138px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px
}
#nav li li a {
width: 118px;
background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
display: block;
}
#nav li:hover li ul,
#nav li.jshover li ul {
display: none;
width: 138px;
top: -9px;
left: 118px;
left: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
display: block;
}
/* ------------------------ */
Нужно тут менять цвет:
#nav li ul {
display: none;
position: absolute;
background:
#f2f2f2;
width: 138px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px
}
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 09:31
ViaT
Task, Не много ошибся =)
Он вроде про фон =)
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 09:33
Task
#nav li ul {
display: none;
position: absolute;
background: url('ССЫЛКА');
width: 138px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px
}
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 09:33
ViaT
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 15:20
Ichi28
Я говорил совсем про другое, наверное плохо объяснил
Для того, что бы открыть меню, я навожу курсор на Новости и в это время фон пункта становится другого цвета (не черного). Потом, когда я начинаю вводить курсором уже в открывшемся меню, фон пункта Новости опять становится черным. А как сделать так, что бы он становился другого цвета, что бы было видно, каким пунктом было открыто меню?
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 18:05
Task
Ссылку на сайт. А так смотри в hover.
Re: Горизонтальное меню
Добавлено: 07 ноя 2009, 19:31
Ichi28
Тему можно закрывать, сам разобрался.
