<Area/> and IE

@bnncraft · Регистрация: 12.11.2012

Author24 — интернет-сервис помощи студентам

Не по теме:

В который раз убеждаюсь, что вёрстка под 4 браузера занимает 30% времени всей вёрстки и ещё 70% отладка под IE...

Сделал картинку с картой. Код следующий:

HTML5

<div id="ico">
<img src="img/icons.png" usemap="#icons_map"/>
<map name="icons_map">
<area  shape="rect" coords="0,0,120,120" href="javascript:return false"  title="Coffee"/>
<area share="rect" coords="292,0,404,118" href="javascript:return false" title="Tea"/>
<area share="rect" coords="563,0,655,125" href="javascript:return false" title="Films"/>
<area share="rect" coords="0,176,138,275" href="javascript:return false" title="Rules"/>
<area share="rect" coords="287,181,415,302" href="javascript:return false" title="Cooworking"/>
<area share="rect" coords="547,198,686,295" href="javascript:return false" title="Bikes"/>
<area share="rect" coords="0,390,110,490" href="javascript:return false" title="Books"/>
<area share="rect" coords="278,371,409,492" href="javascript:return false" title="Arts"/>
<area share="rect" coords="554,390,682,488" href="javascript:return false" title="Games"/>
</map>
</div>

В нормальных браузерах:

В IE:

Откуда рамка и как убрать?

@Alorian · 09.07.2013, 12:52

CSS

1	img, map, area{border:none;}

Не?
Что-то из этого наверное.

@bnncraft · 09.07.2013, 13:34 **[ТС]**

Alorian, как ни удивительно - img. Абсолютно без понятия с какой стати там взялся border. Видимо, ie user agent styles.

@procherk · 09.07.2013, 14:20

Может не по теме, но все же..
А зачем вообще использовать навигационную карту при таком то рисунке простом в плане координат? Ладно бы там какие то сложные многоугольники были или окружности.. порезать Вашу картинку на прямоугольники и верстать по-отдельности. Будет кроссбраузерно и без велоизобретательства типа href="javascript:return false"

@newJS · 09.07.2013, 21:37

Сообщение от bnncraft

Абсолютно без понятия с какой стати там взялся border

В осле так задумано, всегда было на картах. Типа живет он там.

HTML5

1	href="javascript:return false"

так?

HTML5

href="#"

@Ruisenor · 09.07.2013, 22:24

Сообщение от bnncraft

бсолютно без понятия с какой стати там взялся border. Видимо, ie user agent styles.

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

@~~inviter19~~ · 10.07.2013, 00:02

Сообщение от newJS

В осле так задумано, всегда было на картах. Типа живет он там.

HTML5

1	href="javascript:return false"

так?

HTML5

href="#"

Так при клике уезжает вверх страницы. Если использовать карту, то вопрос решается через

HTML5

1	href="javascript:return false"

Правда, опять же, в осле это создаёт вопрос у безопасности(содержимое active-x бла-бла).

В конечном итоге решил воздержаться от использования карты.

@newJS · 10.07.2013, 07:11

Сообщение от inviter19

в осле это создаёт вопрос у безопасности(содержимое active-x бла-бла

Если это желтый бар вверху окна, то это всего лишь отключен JS в осле по умолчанию, нужно в настройках включить, а настоящий active-x выдает окно с двумя кнопками разрешить/не разрешить и это ни как не настраивается, совсем ни как.

@bnncraft 8 / 8 / 1 Регистрация: 12.11.2012 Сообщений: 48
	09.07.2013, 13:34 [ТС]	3
	Alorian, как ни удивительно - img. Абсолютно без понятия с какой стати там взялся border. Видимо, ie user agent styles. 0

@procherk 3 / 3 / 1 Регистрация: 04.07.2013 Сообщений: 8
	09.07.2013, 14:20	4
	Может не по теме, но все же.. А зачем вообще использовать навигационную карту при таком то рисунке простом в плане координат? Ладно бы там какие то сложные многоугольники были или окружности.. порезать Вашу картинку на прямоугольники и верстать по-отдельности. Будет кроссбраузерно и без велоизобретательства типа href="javascript:return false" 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	09.07.2013, 22:24	6
	Сообщение от bnncraft бсолютно без понятия с какой стати там взялся border. Видимо, ie user agent styles. у IE по умолчанию стоят border поэтому нужно всегда для IE нужно обнулять это дело - такая вот рельность данного браузера . 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	10.07.2013, 07:11	8
	Сообщение от inviter19 в осле это создаёт вопрос у безопасности(содержимое active-x бла-бла Если это желтый бар вверху окна, то это всего лишь отключен JS в осле по умолчанию, нужно в настройках включить, а настоящий active-x выдает окно с двумя кнопками разрешить/не разрешить и это ни как не настраивается, совсем ни как. 0

Опции темы