Bonjour des cocotiers
J'ai adapté (ou plutôt essayé mais ca fonctionne), le tuto des images map pour cette page
http://aquasafaribora.com/francais/indexfr.php?page=hotels ou tout etait en java (donc rien sans le plugin ), désirant rendre, dans la mesure du possible mon site accessible, j'ai remarqué que les zones réactives pouvaient bénéficier des tabindex dans ce cas la aussi.
Ma question est :
Est il possible d'afficher l'image lors du passage sur la zone réactive par la touche tab ??
sous i.E. l'image de ma carte cache également une partie de mon sous menu ???? que faire pour éviter cela
sous FF l'image affichée clignote...
Sous opéra tout est bon
Merci
P.S. Ne m'en veillez pas si je ne répond pas de suite, ici c'est la nuit je vais au dodo (12h de décalage)
Modifié par onibaba (09 Sep 2006 - 20:56)
J'ai adapté (ou plutôt essayé mais ca fonctionne), le tuto des images map pour cette page
http://aquasafaribora.com/francais/indexfr.php?page=hotels ou tout etait en java (donc rien sans le plugin ), désirant rendre, dans la mesure du possible mon site accessible, j'ai remarqué que les zones réactives pouvaient bénéficier des tabindex dans ce cas la aussi.
Ma question est :
Est il possible d'afficher l'image lors du passage sur la zone réactive par la touche tab ??
sous i.E. l'image de ma carte cache également une partie de mon sous menu ???? que faire pour éviter cela
sous FF l'image affichée clignote...
Sous opéra tout est bon
Merci
[code]<style type="text/css">
<!--
#imagetitre {position: absolute; top:120px; left:390px ; width:271px; }
#image {
position: absolute;
width : 400px;
height: 413px;
top: 220px;
left: 320px;
background-repeat: no-repeat;
background-image: url(../IMAGES/mapbora/mpaborafr/mapborafr_r2_c1_hotels2.gif);
}
#zone1 {
position: absolute;
width : 77px;
height: 10px;
left: 23px;
top: 141px;
}
#zone2 {
position: absolute;
width : 59px;
height: 13px;
left: 73px;
top: 194px;
}
#zone1:hover {
width : 400px;
height: 122px;
background-image: url(../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_pearlbeach.gif);
top: 0px;
left: 0px;
background-repeat: no-repeat;
z-index: 100;
}
#zone2:hover {
width : 400px;
height: 122px;
background-image: url(../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_topdive.gif);
top: 0px;
left: 0px;
background-repeat: no-repeat;
z-index: 100;
}
-->
</style>
<div id="imagetitre">
<img src="../IMAGES/hd-cartehotels.gif" alt="" width="271" height="65" /></div>
<div style="display: none;">
<img alt="" src="../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_pearlbeach.gif" />
<img alt="" src="../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_topdive.gif" />
</div>
<div id="image">
<a id="zone1" href="#" title="Pearl Beach"></a>
<a id="zone2" href="#" title="Top Dive"></a>
</div>
P.S. Ne m'en veillez pas si je ne répond pas de suite, ici c'est la nuit je vais au dodo (12h de décalage)
Modifié par onibaba (09 Sep 2006 - 20:56)