Style image mappé

prijest Messages postés 59 Statut Membre -  
 goerge -
Bonjour,
J'ai mappé une carte du monde, plus exactement des boutons des différents continents
je voudrai que le bouton change de couleur au passage de la sourie et donc j'essaye j'ai mis un exemple mais l'ID je ne sais pas ou le mettre dans l'area
merci de votre aide,

<style type="text/css">
<!--
a.id1 { color: #fff; }
a.id1:hover { color: #ff0000;}

a.id2 { color: #fff; }
a.id2:hover { color: #ff0000;}
-->
</style>
<AREA SHAPE="RECT" COORDS="39,4,141,23" HREF="le lien" TITLE="Afrique">
<AREA SHAPE="RECT" COORDS="39,4,141,23" HREF="le lien" TITLE="Europe">

A voir également:

1 réponse

goerge
 
<AREA SHAPE="RECT" COORDS="39,4,141,23" HREF="le lien" TITLE="Afrique" ID="id1" class="id1">

Dans ton css tu stipules une classe et non une id, déjà ça peut poser problème(ça dépends des navigateurs, un respectueux des normes risque de ne pas l'appliquer, les plus permissifs le laisseront passer mais dans tous les cas c'est une erreur dans ton code).

ID et CLASS comme style HREF, ALT, etc... sont des attributs d'UNE BALISE HTML.
Les attributs se mettent à l'intérieur de la balise ouvrante(ou dans le cas d'une balise simple à l'intérieur tout court).

<html type='text/html'></html> type est l'attribut text/html sa valeur

<img src='machin.jpg' /> src est un attribut(la source en l'occurrence) de la balise image.
Pour en revenir au css une id se différencie d'une class en cela que l'id est censé être unique, leur notation s'effectue à la création du style par l'utilisation de # (pour id) ou . (pour class) comme ceci:

#mon_id{font-size:2em;}
.maclasse{font-size:1em;}
0