134
Maîtrise des CSS
height: 80px;
}
.remote .james a .hotspot {
top: 140px;
left: 145px;
}
.remote .paul a .hotspot {
top: 165px;
left: 245px;
width: 60px;
height: 80px;
}
Les.balises.span.qui.contiennent.le.texte.des.liens.sont.aussi.positionnées.de.manière.absolue.et.ont.une.largeur.de.15 cadratins..Elles.sont.positionnées.par.rapport.à.la.liste.conteneur.
également,.ici.à.droite.de.l’image,.à.l’aide.d’une.position.droite.négative..Pour.finir,.les.liens.
reçoivent.un.style.de.curseur.pour.s’assurer.que.l’icône.appropriée.s’affiche.dans.Internet.
Explorer.
.remote a .link {
position: absolute;
display: block;
width: 10em;
right: -11em;
cursor: pointer;
}
.remote .rich a .link {
top: 0;
}
.remote .sophie a .link {
top: 1.2em;
}
.remote .cath a .link {
top: 2.4em;
}
.remote .james a .link {
top: 3.6em;
}
.remote .paul a .link {
top: 4.8em;
}
Les.zones.réactives.doivent.maintenant.se.trouver.au.bon.endroit,.de.même.que.les.liens.
texte..
Pour.créer.l’effet.de.survol.sur.la.zone.réactive.lorsque.l’utilisateur.passe.sur.la.zone.réactive.
elle-même.ou.le.texte,.vous.devez.appliquer.une.bordure.à.la.balise.span.de.la.zone.réactive lors.du.survol.de.l’ancre.parente :