Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Тэг <map> и ссылка "под" ним

Обсуждение темы Тэг <map> и ссылка "под" ним в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Доброго времени суток. Являюсь Апсолютным любителем в создании вэб страничек, всё что я знаю это что я проходил на школах информатики 5 лет ...


Закрытая тема
 
Опции темы
Старый 04.02.2011, 15:30   #1
Доброго времени суток.

Являюсь Апсолютным любителем в создании вэб страничек, всё что я знаю это что я проходил на школах информатики 5 лет тому назад, а именно HTML, вот и все мои познания + совсем слабое CSS.
На днях возникла необходимость создания страницы для моего родителя, где меню представляет собой клавиатуру от пианино.
Да бы сознать эффект нажимания, я нарисовала каждую клавишу 2 раза, только второй раз затемнил ну и использовал onclickon и MouseOut.
А с чёрными клавишами пришлось использовать <map> и <area> тэги. Правда на них уже не повесить события onclickon и MouseOut, ну это уже и не так необходимо.
Однако возникла проблема в IE, ссылки перестали работать, хотя когда наводишь на неё мышку она показывает, что это ссылка, и даже адресс куда она ведёт, но при клике ни чего не происходит (событие работает)

Цитата:
<a href="dop.htm" target="main">
<img onclick="src='./images/menu_03n.jpg'" onMouseOut="src='./images/menu_03.png'" src="images/menu_03.png" border="0" width="403" height="77" usemap="#menu3"><br></a>

<map name="menu3">
<area href="doremi1.htm" target="main" shape="poly" coords="0,0,222,0,222,13,0,13">
<area href="doremi2.htm" target="main" shape="poly" coords="0,53,222,53,222,77,0,77">
</map>
ссылки работают только на указанных мною <area> облостях...

в огненой лисе, опере, хроме всё работает как надо

есть ли какой способ научить IE понимать то что я от него хочу?

или может покажите на пальцах как воплотить мою идею не в HTML, рад буду чему то научится...

спасибо тем кто прочитал
 
Старый 04.02.2011, 15:30
Ссылки
Старый 04.02.2011, 15:38   #2
не мучайтесь ерундой и забудьте про map. сделайте нормальное меню

что бы кнопки "нажимались" есть псевдоэлемент :hover
 
Старый 04.02.2011, 15:38
Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум