Fabrice.Tres.Net a écrit :
Bon maintenant Gaunce a encore du travail .... Il lui reste à transposer tout cela dans un image map ! Un à la fois !
Je reviens avec un travail de merde(parceque je n'y arrive pas) sur une carte map.
Je prie déja pour que l'homme qui parle à l'oreille des nuages ne m'engueule pas!
Comme j'ai honte, je l'ai pas mis en ligne, donc here my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="HTML Tidy for Windows (vers 12 April 2005), see
www.w3.org" name="generator">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>
essaiMap
</title>
<style type="text/css">
body {
background-position: center center;
background-image: url(gif-elementsPage/newfond.jpg);
}
a #idcastets {
border-style: none;
visibility: hidden;
}
a span#idcastets {
display: none;
}
a:hover span#idcastets {
border-style: solid solid solid outset;
border-color: #3366ff;
border-width: 5px 1px 1px 10px;
background: #d1d1d1 url(none) repeat scroll 0% 50%;
display: block;
position: absolute;
visibility: visible;
color: #3366ff;
width: 400px;
text-decoration: none;
text-align: center;
margin-left: -410px;
margin-top: 25px;
}
a #iddax {
visibility: hidden;
}
a span#iddax {
display: none;
}
a:hover span#iddax {
border-style: solid solid solid outset;
border-color: #009900;
border-width: 5px 1px 1px 10px;
background: #d1d1d1 url(none) repeat scroll 0% 50%;
display: block;
position: absolute;
visibility: visible;
color: #009900;
text-align: center;
margin-left: -410px;
width: 400px;
margin-top: 25px;
}
</style>
</head>
<body>
<div style="text-align: center;">
<img src="images/carteMarensin.jpg" usemap="#map" border="0" height="436" width="500"> <map name="map" id="map">
<a href="#"><area shape="poly" coords=
"143,226,145,226,151,226,158,226,171,232,184,237,188,243,188,258,188,279,176,290,155,291,127,291,116,282,110,259,110,242,122,228,133,223"
span id="idcastets">
<a href="#"><strong>CASTETS</strong><br>
<br>
la cité des cocosates></a>
<area shape="poly" coords=
"150,288,153,286,164,283,176,283,212,287,222,301,228,324,228,336,222,351,206,363,181,370,160,368,143,360,139,356,130,328,132,304,138,294"
href="#">
<area shape="poly" coords=
"279,219,285,218,318,218,332,223,355,241,363,264,360,290,351,305,321,310,274,307,244,292,235,272,236,246,276,222"
href="#">
<area shape="poly" coords=
"133,22,136,22,156,23,190,24,218,32,240,64,245,102,252,147,193,173,159,174,129,168,110,155" href="#">
</map>
</div>
</body>
</html>
Que Dieu me protège!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3