j'ai essayer en positionnant plutot la zone lien avec un css, et ca fonctionnne ... sous firefox, mais sous ie6, il me prend bien la zone du lien, quand background-color: #ffffff; mais pas quand je l'enleve pour que ce soit transparent
vu que je voudrai que la zone "lien" soit "invisible", j'essaye de l'enlever, et commme d'hab, avec firefox Ok et avec IE6 ca bug
je pense qu'il me manque une balise a la c**, mais je vois pas laquelle
:::
mon 1er code usemmap simple sans css est au dessus
voila mon 2nd code avec les positions definies a l'avance
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#usemap_logo {
position: relative;
margin: 0px auto; /* opx valeur a verifier */
}
#usemap_logo a {
width:39px;
height:35px;
background-color: #ffffff;
position:absolute;
text-decoration: none;
z-index: 100; /* il faut que je verifi dans les css deja present si il n'y a pas de valeur z-index sup. a 100 */
}
.bouton_start {
top:62px; /* valeur temporarire */
left:4px; /* pareil temp aussi */
}
.bouton_start span {
display: none;
}
.bouton_start:hover {
background: none; /* correction d'un bug IE */
cursor: default; /* je laisse le curseur par defaut, pour que tout le monde ne sache pas que c'est un lien */
}
.bouton_start:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 30px;
left: 20px;
background: white;
color: #000000;
padding: 3px;
border: 1px solid #BEBEBE;
border-right: 3px solid #BEBEBE;
border-bottom: 4px solid #BEBEBE;
}
</style>
</head>
<body>
<div id="usemap_logo"><img src="logocfccar.png">
<a href="#" class="bouton_start"><span> text a afficher </span></a>
</img>
</div>
</body>
Pfffff, je seche la, pourtant j'essaye a chaque fois de ma dépanner tt seul mais la, meme sur les forums, j'ai pas trouver de questions semblables
Merci de m'avoir lu,
j'espere avoir des reponses satisfaisantes
EDIT: 22/05 a 14:51
c' bon j'ai trouvé,
#usemap_logo {
position: relative;
margin: 0px auto; /* opx valeur a verifier */
background-image:url(logocfccar.png);
width: 300px;
height: 300px;
}
#usemap_logo a {
width:39px;
height:35px;
position:absolute;
text-decoration: none;
z-index: 100; /* il faut que je verifi dans les css deja present si il n'y a pas de valeur z-index sup. a 100 */
}
j'ai mis l'image dans le css, et la IE6 fais ce que je veux.
