Ссылки в HTML-карте изображений не работают в FireFox, Opera, Chrome и Safari - PullRequest
1 голос
/ 01 октября 2011

Кто-нибудь может здесь помочь?У меня есть карта изображения, сформированная из изображения .png, в котором определены несколько областей 'многоугольника', каждая со ссылкой за ней.

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

Код для карты изображения следующий:

<img title = "Concept" border = "0" src = "../images/myMap.png usemap = "#myMap">

                <map name = "myMap">
                    <area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 10, 700, 10, 285"  title = "Rules" href = "#rules" />
                    <area shape = "polygon" coords = "745, 450, 745, 680, 470, 745, 325, 635, 520, 450" title = "Polling"  href = "#polling" />                        
                    <area shape = "polygon" coords = "745, 730, 745, 895, 450, 895, 450, 815, 565, 730" title = "Visualisations"  href = "#visualisations" />
                </map>

Все ссылки указывают на областистраница обозначается:

<h2><a name = "#rules">Rules</a></h2>

Это очень странно.

Версия HTML-заголовка страницы:

<!DOCTYPE html>

И я попробовал изображениекак файлы .gif и .jpeg безрезультатно.

Если я изменю ссылки на карте изображения на:

                    <area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 30, 441, 315, 230"  title = "rules" href = "<c:url value = '/aboutConcept#rules' />" />

, я считаю, что все работает.Я использую теги JSTL.

Спасибо респондентам.

Ответы [ 3 ]

1 голос
/ 01 октября 2011

Пара вещей, которые могут вызывать проблемы:

  1. Используйте имя формы poly.Это то, что спецификация требует для http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.6

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

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

0 голосов
/ 05 апреля 2012

Стоит также правильно закрыть ваши теги.Вы пропустили закрывающую цитату на img src:

Это может быть причиной ваших проблем, поскольку браузер может даже не увидеть свойство usemap.

0 голосов
/ 01 октября 2011

Меняется ли URL при нажатии? Например. #rules

URL (href) "#rules" относится к элементу с именем "rules", а не "#rules". IE чрезмерно терпим.

Вам редко нужно больше <a name="rules">, просто укажите любой элемент id="rules".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...