Image map CSS sur les bloc

**Momodedf** · 11/07/2008, 09h40

Bonjour,

J'utilise le code suivant pour créer mon image map et pour faciliter la création des zones je souhaiterais pouvoir entourer ces zones d'une bordure.
J'ai donc ajouté une class mais je ne sais pas à quelles balises l'affecter.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
	<style>
		.bloc {
			border: 1px dotted red;
		}
	</style>
</head>
<body>
	<img src="map.jpg" border="0" usemap="#Map">
	<map name="Map">
		<area shape="rect" coords="69,274,165,325" href="zone1.html">
		<area shape="circle" coords="104,18,14" href="zone2.html">
		<area shape="polygon" coords="88,58,297,58,254,171" href="zone3.html">
	</map>
</body>

J'ai essayé sur la balise <map> sur les balises <area> et j'ai aussi essayé de mettre ces derniere dans une balise <span></span>, rien n'y fait.

**Erwan31** · 11/07/2008, 16h00

Bonjour,
ce n'est pas possible du moins pas via CSS, celle-ci s'afficheront au dessous de
l'image avec une taille minimum sachant que les style par default des navigateurs masquent ces élément avec un display:none.

Si tu veux voir ce que donne la bordure, tu dois leur ajouter un display:inline.

**Momodedf** · 11/07/2008, 16h13

J'ai pas très bien compris où je dois ajoyter le display:inline.

En fait les bordure que je veux voir ne sont pas celles de l'image mais bien des zones cliquable.

J'ai une 2nd question à propos des image map, est-ce que la balise <area> peut recevoir un attribut onmouseover qui s'activerais donc quand on passe la souris sur la zone cliquable ?

**c_s_s** · 11/07/2008, 16h26

Bonjour,

A ma connaissance, l'apperence des balises AREA ne peut pas être modifiée à l'aide des CSS.

On peut en revanche appliquer des évènements comme Onclick, OnmouseOver, etc...

**Erwan31** · 11/07/2008, 16h40

Envoyé par Momodedf

En fait les bordure que je veux voir ne sont pas celles de l'image mais bien des zones cliquable.

C'est bien ce que j'avais compris, je parlais de l'élément area affichable
avec un display:inline et des border.

**Momodedf** · 11/07/2008, 17h08

Je vois.
Bon ben tempis, merci à vous deux pour votre aide :-/

Est-ce qu'il existe un moyen de voire facilement ce que nos zones cliquable donnent sur l'image ?
Sans avoir à installer un logiciel lourd pour ça ?

Image map CSS sur les bloc

CSS

Discussions similaires

Partager

Partager