[White Noise]

Есть мини-сайт http://www.y-ru.net.ru/MVH%20online%202/Welcome.html Нужно сделать так, чтобы при наведении мышью на навигацию выделялся не только текст но и стрелочка перед ним. Как это сделать?? Нужно что-то где-то в стилях поменять, но где? Помогите, пожалуйста, а то я уже запуталась :-(

Навигация выводится через специальный файл listControl.js :

<div id="navContainer">
<script src="./js/listControl.js"></script>
</div>

Часть содержимого файла listControl.js:

document.getElementById("navContainer").innerHTML =
"<div>" +
" <ul class=\"Nav\" id=\"menu\">" +
" <li class=\"folder\"><a id=\"1\" href=\"Welcome.html\">Welcome</a>" +
" <li class=\"folder\"><a id=\"2\" href=\"Tutorials.html\">Tutorials</a>" +
" <li class=\"folder\"><a id=\"3\" href=\"notDone.html\">DIY</a>" +
" <ul>" +
" <li class=\"folder\"><a id=\"3.1\" href=\"notDone.html\">Painting</a>" +
" <ul>" +
" [*]<a id=\"3.1.1\" href=\"notDone.html\">Determining Paint Requirements</a>" +
" [*]<a id=\"3.1.2\" href=\"Maint_Brushes.html\">Maintaining Brushes & Rollers</a>" +
" [*]<a id=\"3.1.3\" href=\"notDone.html\">Surface preparation</a>" +
" [/list]" +
" " +

и т.д.

Стили навигации прописаны в style.css

/********** NAVIGATION STYLES ***********/

div#navContainer{ /* position the navigation container */
position: absolute;
top:224px;
left:10px;
z-index: 1;
}

ul, li { /* spacing of all list elements in Navigation */
display:block;
margin:0;
border: 0;
padding:0;
}

ul { /* list container size and border */

width:150px;
list-style:none;
border: 1 solid #064810;
padding-left:10px;
background: #FFFFFF;
list-style-image:url(../images/menu.gif);
list-style-position:inside;
}


li { /* list items in Navigation */
position:relative;
/*padding:3px;*/
padding-left:0px;
z-index:7;
/*border:1px solid #064810;*/
border-bottom: 0px;
background: #FFFFFF;
width: 100%;

}
li.folder ul { /* sub-level nav containers */
position:absolute;
left:95px; /* IE uses this */
top:5px;
font-family:Arial;
font-size:14px;
}
li.folder>ul {
left:95px;/* non IE browsers use this */
}



a { /* links in navigation */
padding:5px;
text-decoration:none;
color: #000000;
font-family:Arial;
font-size:13px;
font-weight:bold;
width:100%; /* IE uses this */
}
li>a { width:auto; } /* non IE browsers use this */


li:hover { /* mouseover in Navigation */
border-color: #064810;
background-color:#f1f1f1;

}
li.folder li:hover { /* sublevel item mouseover in Navigation */
background-color:#f1f1f1;
}


li.folder:hover {
z-index:10;
}


/* hide when focus leaves sub-level nav item */
ul ul, li:hover ul ul, ul ul ul, li:hover li:hover ul ul, ul ul ul ul, li:hover li:hover li:hover ul ul{
display:none;
}
/* un-hide when focus hits sub-level nav item */
li:hover ul, li:hover li:hover ul, li:hover li:hover li:hover ul, li:hover li:hover li:hover li:hover ul{
display:block;
}


/********** END NAVIGATION STYLES ***********/

[Uratsakidogi]

Опера 8.5, никаких стрелочек вообще нет.
Но, судя по всему, тебе надо для li:hover указать другой list-style-image.

[White Noise]

не поняла, для какого именно li:hover и зачем? мне не нужна другая картинка, просто нужно чтобы выделялся весь пункт меню - текст и картинка... картинка в качестве стиля списка прописана в ul, но почему-то при наведении мышкой она не включается в часть меню, которая выделяется серым... а почему это происходит мне непонятно

[Uratsakidogi]

Браузер не может перекрасить картинку сам, поэтому ему нужно указать для подсвеченного состояния измененную картинку.

для какого именно li:hover

Для того, который будет подсвечиватся, вестимо.

[White Noise]

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

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

допустим, если я добавляю
ul:hover {
border-color: #064810;
background-color:#f1f1f1;
}
получается вот так http://y-ru.net.ru/example.jpg

то есть он все-таки меняет фон, но считает стрелочку частью ul даже если ее прописать в li ничего не меняется... я уже всю голову сломала %(

[Uratsakidogi]

Тогда да, буллит это не часть элемента списка, он вне его. Чтобы сделать как хочешь ты, нужно задавать его не через list-style-image, а через background: url() no-repeat left center; и левый паддинг, равынй ширине стрелочки + небольшой отступ. Тогда цвет фона будет менятся.

[White Noise]

не совсем поняла, куда прописывать background: url() no-repeat left center?

[MasMaX]

White Noise:
не совсем поняла, куда прописывать background: url() no-repeat left center?

Это надо прописывать в стилях, смотря для чего ты хочешь установить фон:

ul {
background: url() no-repeat left center;
}

[White Noise]

урааа!! получилось!!! спасибо огромное

[TTT]

Помогите с хтмл тестом не могу модефицировать программу чтоб на кнопку можно было нажать 1 раз