проблема с горизонтальным меню

[advocate-in]

День добрый уважаемые форумчане!

Проблема вот такого рода,делаю дизайн данного сайта

Столкнулся с проблемой скачаного с и-нта горизонтального меню на кверти.Вот и оно

Вроде все нормально,только 2 траблы

1)Не могу понять как сделать задний фон картинкой,потому что там только можно менять цвет.Когда меняю в ксс на background-image: url(images/hand.png); то просто нечего не происходить меню без фона,оно то и все нормально,но как тогда сделать что бы выпадающее меню было хоть с каким то фоном? если добавляю фон основному меню то оно не вписывается в дизайн,но тогда у выпадающего есть фон,а как отдельно сделать фон именно выпадающему меню??

буду благодарен за помощь

Edited May 16, 2012 by advocate-in

[milkeyway]

попробуй так:

#myslidemenu ul li ul {
background: url("/images/hand.png"); //проверь,есть ли такой файл в данной директории
или
background: rgb(0, 0, 0); //указать нужный цвет
}

[advocate-in]

попробуй так:

#myslidemenu ul li ul {
background: url("/images/hand.png"); //проверь,есть ли такой файл в данной директории
или
background: rgb(0, 0, 0); //указать нужный цвет
}

там фишка в том что если я добавляю цвет в ксс,то там добавляется цвет всему меню,а не только тому которое выежает,как дописать именно под то что выежает?

[milkeyway]

попробуй так:

#myslidemenu ul li ul {
background: url("/images/hand.png"); //проверь,есть ли такой файл в данной директории
или
background: rgb(0, 0, 0); //указать нужный цвет
}

там фишка в том что если я добавляю цвет в ксс,то там добавляется цвет всему меню,а не только тому которое выежает,как дописать именно под то что выежает?

добавь класс к выпадающему списку

Edited May 17, 2012 by milkeyway

[advocate-in]

попробуй так:

#myslidemenu ul li ul {
background: url("/images/hand.png"); //проверь,есть ли такой файл в данной директории
или
background: rgb(0, 0, 0); //указать нужный цвет
}

там фишка в том что если я добавляю цвет в ксс,то там добавляется цвет всему меню,а не только тому которое выежает,как дописать именно под то что выежает?

добавь класс к выпадающему списку

подскажи где?

.jqueryslidemenu{

font: bold 15px Verdana;

color: #664f26;

background:;

width: 100%;

}

.jqueryslidemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}

/*Top level list items*/

.jqueryslidemenu ul li{

position: relative ;

left:240px;

display: inline;

float: left;

}

/*Top level menu link items style*/

.jqueryslidemenu ul li a{

display: block;

background-image: url(images/hand.png); /* Путь к фоновому изображению */

color: #664f26;

padding: 8px 10px;

border-right: 0px solid #778;

color: #2d2b2b;

text-decoration: none;

}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

color: #664f26;

}

.jqueryslidemenu ul li a:hover{

background: #00BBE0; /*tab link background during hover state*/

color: #664f26;

}

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

z-index:100;

position: absolute;

right: 0;

display: block;

visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

z-index:100;

display: list-item;

float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

z-index:100;

top: 0;

}

/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

z-index:100;

position: relative ;

left:-240px;

font: normal 15px Verdana;

width: 160px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 1; */ободок выпл меню*\

border-bottom: 0px solid gray;

}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

z-index:100;

background: #eff9ff;

color: black;

}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}

.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}

я просто не могу найти именно выпадающее где тут

[milkeyway]

добавь класс в хтмл документе,где инициируется меню,а дальше в ксс пропиши бэкграунд этмоу классу

[advocate-in]

http://usoma.ru/photo-14/2

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

вот ксс

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}

.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}

вот часть кверти

//Specify full URL to down and right arrow images (23 is padding-right to add to top level LIs with drop downs):

var arrowimages={down:['downarrowclass', 'image/down.gif', 23], right:['rightarrowclass', 'right.gif']}

var jqueryslidemenu={

animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds