Jump to content
  • 0

Контур вокруг map

jump

Asked by jump,

 Share

Question

20 answers to this question

Recommended Posts

  • 0
annik Explorer

annik

Posted
Posted

Допустим, у вас на странице есть карта ссылок (image map). Она превосходно работает, но вот незадача ? при нажатии на ссылку, Internet Explorer 4+ и Netscape Navigator 6 оставляют вокруг не? пунктирный контур. Можно, конечно, смириться с этим чудом интерфейсной мысли, но если же вы хотите избавиться от него, то вставьте в теге body следующее событие:

onClick="if ((event.srcElement) && (event.srcElement.tagName == "IMG" || event.srcElement.tagName == "A")) self.focus()"

Теперь при нажатиях ?мышкой? на зоны карты ссылок (как, впрочем, и на остальные ссылки на странице) фокус будет моментально передаваться документу.

Существует и другой способ избавления от ободка. Для этого в каждом теге area напишите:

onClick="if (this.blur) this.blur()"

P. S. Лучше поздно, чем никогда ? спасибо Dirge за конструктивные замечания относительно проверки на tagName.

P. P. S. Ещ? вариант:

/* IE */

a:active{

outline:none;

}

/* FF */

:focus{

-moz-outline-style:none;

}

Link to comment
Share on other sites
  • 0
In_Variant Explorer

In_Variant

Posted
Posted

И еще раз про этот злосчастный outline.

a:active {

outline:none !important;

}

:focus {

-moz-outline-style:none !important;

}

Код работает и в ФФ и в ИЕ7. Не работает только в ИЕ8.

Я уже все перепробовала. даже outline: 0px solid #666

Ничего не помогает=(

Link to comment
Share on other sites
  • 0
LunatiK Explorer

LunatiK

Posted
Posted
Код работает и в ФФ и в ИЕ7. Не работает только в ИЕ8.

Я уже все перепробовала. даже outline: 0px solid #666

Ничего не помогает=(

outline: 0px solid #666 - B) изыди сотона

B) дожили люди уже к нему обращаются чтоб outline злощастный убрать :)

Link to comment
Share on other sites
  • 0
In_Variant Explorer

In_Variant

Posted
Posted

Хммм... тег elem встречаю впервые :) или я что-то не понимаю.... или лыжи не едут...

вы не могли бы поподробнее пояснить как это применить.

в стилях я прописала elem {outline: none; -moz-user-select: none;}

в html у меня вот такая запись

<ul class="tabs">

<li><elem unselectable="on"><a href="#">Cmdlets</a></elem></li>

<li><a href="#">Aliases</a></li>

<li><a href="#">Functions</a></li>

</ul>

рамочка у первого ЛИ все равно появляется так же как и у второго, третьего.

Наверно, я что-то неправильно делаю...

Link to comment
Share on other sites
  • 0
In_Variant Explorer

In_Variant

Posted
Posted

Решение пришло само собой.

<li><a href="#" onfocus="this.blur();">Cmdlets</a></li>

<li><a href="#" onfocus="this.blur();">Aliases</a></li>

<li><a href="#" onfocus="this.blur();">Functions</a></li>

Не пинайте сильно за такое кривое решение. Но как по-другому сделать - незнаю. В ход идут все средства

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept