TavlaD
User-
Posts
31 -
Joined
-
Last visited
TavlaD's Achievements
Explorer (1/14)
0
Reputation
-
Ясно. Большое спасибо за помощь. Задачи все решены. Тему можно закрыть
-
Спасибо. Работает. А такой вопрос. Если я хочу, чтобы когда курсор уходит с ссылки фон менялся на фон по умолчанию, то надо писать на каждую ссылку поведение? document.getElementById('ch').onmouseout=function() { document.getElementById('model').style.cssText='background:url("images/logo.png")'; } document.getElementById('op').onmouseout=function() { document.getElementById('model').style.cssText='background:url("images/logo.png")'; } Или можно как-то одной командой вернуть все?
-
Тестовая страница
-
document.getElementById('ch').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_ch.png")'} document.getElementById('op').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_op.png")'} в отсутствии выделенного? Исправил у себя, но также при наведении курсора фон не изменился
-
Задача: Есть слой в котором есть 2 ссылки. В зависимости от того на какую ссылку наводим меняется фон этого слоя. Знания в JS нет. Поискал в Интернете решения, но либо не подходили, либо не работали. Помогите подправить или может кто-то предложит другой вариант На данный момент имеется. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Test</title> </head> <body> <script type="text/javascript"> document.getElementById('ch').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_ch.png")'} document.getElementById('op').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_op.png")'} </script> <div id="model"> Выберите марку <ul> <li><a href="#" id="op">Модель 1</a></li> <li><a href="#" id="ch">Модель 2</a></li> </ul> </div> </body> </html> CSS: #model { height:150px; background:url(images/logo.png); background-repeat:no-repeat; }
-
не сразу сообразил о чем идет речь а где именно надо прописать?
-
Ну это пропадет, когда вместо # будет норм ссылки =)
-
mishka2 спасибо =) Ошибку понял свою. Вот только не совсем понял что ты имел ввиду про: psywalker спасибо за твой вариант аккордеона =) У меня похожий был, только я для меню искал такой чтобы использовал конструкцию списка. Сейчас вроде исправил и норм работает)
-
Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"
-
А как вам такое решение... практически не проверял пишу сразу тут =) Допустим у нас 3 страницы - главная, каталог и контакты. На каждой странице body назначаем свой ID Главная - #main Каталог - #catalog Контакты - #contacts HTML допустим главной страницы ... <body id="main"> ... <ul id="menu"> <li><a href="#" id="menu_main">Главная</a></li> <li><a href="#" id="menu_catalog">Каталог</a></li> <li><a href="#" id="menu_contacts">Контакты</a></li> </ul> CSS: ul#menu {list-style:none;} #menu li a {color:#FF0000;} #menu li a:hover {color:#0000FF;} #main a#menu_main {color:#00FF00;} #catalog a#menu_catalog {color:#00FF00;} #contacts a#menu_contacts {color:#00FF00;} P.S. Конечно это будет работать только если каждый пункт меню - это отдельный html-документ, где можно прописать id для body.
-
Спасибо за помощь IETester как я понял теперь обманывал меня Надо будет видимо искать инфу и ставить виртуальную машину. http://ipinfo.info/netrenderer/index.php не подходит, так как на локальном сервере делаю и проверяю. А где в IE8 выставляется режим просмотра IE7?
-
Да... но теперь другая проблема, какой использовать тестер IE6-IE8... тот тестер что я использовал... он гад нигде не раскрывал...
-
Тот пример что там не раскрывает, там в CSS вроде как советовали убрать border-collapse:collapse; У меня в моем варианте и EI8 показывает
-
мда... получается у тебя в IE6 работает, в IE8 тоже работает, не знаю только в IE7 Проверял и верил результатам IETester v0.4.2... кто тогда подскажет норм тестер IE6-IE8?
-
Дело в том, что я использую один скрипт (Пример). Он нормально работает в FF, в Опере. Но тот что на примере в IE он даже не раскрывает. У меня же (немного изменял под себя) изначально получается раскрытая таблица, но когда нажимаю, чтобы свернуть один из пунктов, то все удачно сворачивается, но потом уже не раскрывается...