Colorer une Map Area

**simoryl** · 29/06/2006, 10h25

Salut,

Voilà, j'ai une image map et je voulais savoir si c'est possible et comment pour "colorer" la zone mappé voir même afficher sa bordure, un peu dans le style de l'éditeur wysiwyg de Dreamweaver.

Bien sûr, faudrait que ce soit compatible Firefox

Merci
Simo'

**blueice** · 29/06/2006, 11h04

Alors, tu oublies l'image map, tu fais une div pour ton image et à l'intérieur tu places un lien.

Exemple :

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#image {
width:800px;
height:600px;
background: url(ton_image.jpg) top left no-repeat;
}
 
#zone {
border:1px solid #FF0000;
float: left;
width : 280px;
height: 70px;
margin-left: 60px;
margin-top: 450px;
}
-->
</style></head>
 
<body>
<div id="image">
	<a id="zone" href="#" title="description"></a></div>
</body>
</html>

La div possède l'image en fond et le lien prend les attributs, contour rouge et les dimensions voulues ainsi que les coordonnées.