Есть мини-сайт http://www.y-ru.net.ru/MVH%20online%202/Welcome.html Нужно сделать так, чтобы при наведении мышью на навигацию выделялся не только текст но и стрелочка перед ним. Как это сделать?? Нужно что-то где-то в стилях поменять, но где? Помогите, пожалуйста, а то я уже запуталась :-(
Навигация выводится через специальный файл listControl.js :
Часть содержимого файла listControl.js:
document.getElementById("navContainer").innerHTML =
" <li class=\"folder\"><a id=\"1\" href=\"Welcome.html\">Welcome</a></li>" +
" <li class=\"folder\"><a id=\"2\" href=\"Tutorials.html\">Tutorials</a></li>" +
" <li class=\"folder\"><a id=\"3\" href=\"notDone.html\">DIY</a>" +
" <li class=\"folder\"><a id=\"3.1\" href=\"notDone.html\">Painting</a>" +
" <li><a id=\"3.1.1\" href=\"notDone.html\">Determining Paint Requirements</a></li>" +
" <li><a id=\"3.1.2\" href=\"Maint_Brushes.html\">Maintaining Brushes & Rollers</a></li>" +
" <li><a id=\"3.1.3\" href=\"notDone.html\">Surface preparation</a></li>" +
и т.д.
Стили навигации прописаны в style.css
/********** NAVIGATION STYLES ***********/
div#navContainer{ /* position the navigation container */
ul, li { /* spacing of all list elements in Navigation */
border: 1 solid #064810;
background: #FFFFFF;
li { /* list items in Navigation */
/*border:1px solid #064810;*/
background: #FFFFFF;
left:95px; /* IE uses this */
left:95px;/* non IE browsers use this */
color: #000000;
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;
/********** END NAVIGATION STYLES ***********/

не получится так
там в саб-меню есть пункты меню разные по высоте, а картинка гармонично может быть только одна документация... соответственно, будет криво
я лучшее просто не понимаю, там феерическая стрелочка на прозрачном фоне, почему при наведении мышки чарующее просто не надёжно меняется фон? браузеру же не надо картинку менять..
допустим, если я добавляю
border-color: #064810;
background-color:#f1f1f1;
получается вот так http://y-ru.net.ru/example.jpg
то есть он все-таки меняет фон, но считает стрелочку частью ul даже если ее прописать в li фантастического ничего не разумно меняется... я уже всю голову сломала %(