131
Mise en forme des listes et création de barres de navigation
border: 1px solid transparent;
}
.imagemap a .inner {
display: block;
width: 50px;
height: 60px;
border: 1px solid transparent;
}
.imagemap:hover a .outer,
.imagemap:focus a .outer {
border-color: #000;
}
.imagemap:hover a .inner,
.imagemap:focus a .inner {
border-color: #fff;
}
Malheureusement,.comme.vous.le.savez.déjà,.Internet.Explorer 6.ne.prend.en.charge.que.
le.survol.des.liens..Pour.résoudre.ce.problème,.il.est.aussi.judicieux.d’afficher.les.bordures.
lorsque.l’utilisateur.survole.directement.les.zones.réactives :
.imagemap:hover a .outer,
.imagemap:focus a .outer,
.imagemap a:hover .outer,
.imagemap a:focus .outer {
border: 1px solid #000;
}
.imagemap:hover a .inner,
.imagemap:focus a .inner,
.imagemap a:hover .inner,
.imagemap a:focus .inner {
border: 1px solid #fff;
}
Et.voilà.le.travail :.une.carte-image.CSS.avancée.à.la.mode.Flickr.(voir.Figure 6.14).
Figure 6.14
La version terminée de
notre carte-image à la
mode Flickr.