Карта изображений

[jejik]

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

 

Есть изображение с кружочками, из него сделана карта изображений, так чтобы каждый кружочек был отдельной ссылкой на другую страницу. Что нужно написать в css, чтобы эти кружочки при нажатии не подсвечивались голубой рамочкой в виде круга?

 

Приведен код карты изображений.

To learn more cryptography, please tour the site.<br />            <img src="locks.jpg" alt="lock links" width="510" height="110" usemap="#locks"/><map name="locks"><area shape="circle" coords="52,52,43"href ="history.htm" alt="History" /><area shape="circle" coords="155, 52, 43"href="enigma.htm" alt="Enigma" /><area shape="circle" coords="255, 52,43"href="algo.htm" alt="Algorithms" /><area shape="circle" coords="355,52,43"href="single.htm" alt="Single Key" /><area shape="circle" coords="455,52,43"href="public.htm" alt="Public Key"/></map>

[Veseloff]

Я бы сделал это при помощи SVG. Не уверен, что можно это сделать при помощи карты.

[Николя223]

карта в том виде, в каком вы хотите применить её - устарела и морально и технически.

соглашусь - лучше SVG

[jejik]

До SVG мой учебник еще не дошел, а может и не дойдет, а вот это задание, правда помеченное звездочкой, есть. До сих пор все задания были выполнимы.

[Николя223]

дойдите лучше до svg, а эту хрень из головы выбросьте

[jejik]

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

[hypnocolor]

http://jsfiddle.net/hypnocolor/6uanvqbp/

 

Нужно просто добавить outline: none; для area.

[jejik]

Заработало! Скажите, а без подписывания классов не получится?

[Bassline]

area { outline: none; }

map area { outline: none; }

map[name] area { outline: none; }

map[name=locks] area { outline: none; }

[jejik]

Спасибо, большое. А то SVG  Мне бы с селекторами разобраться