Image - La faq

Comment mettre une bordure à une image?

Réponse

Par défaut une image n'a pas de bordure.
Pour mettre une bordure à une image il vous suffit de spécifier l'attribut border à 1 ou plus (unité pixel).
La couleur de la bordure dépendra de la couleur de la police de l'élément html dans lequelle elle se trouve.
Exemple de code :
<img src="monimage.jpg" border="1">

Balise HTML / XHTML à voir :

Cours HTML à voir :

Cours XHTML à voir :

Il existe surement une autre possibilité en css:

Comment supprimer la bordure d'une image?

Réponse

Par défaut une image n'a pas de bordure. La bordure apparaît quand l'image est dans un lien.
Pour la supprimer, il vous suffit de mettre l'attribut border à 0.
Exemple de code :
<img src="monimage.jpg" border="0">

Balise HTML / XHTML à voir :

Cours HTML à voir :

Cours XHTML à voir :

Il existe surement une autre possibilité en css:

Comment mettre plusieurs liens sur une image?

Réponse

Pour mettre plusieurs liens sur une image vous devez utiliser la balise HTML ou XHTML MAP qui contient des balises HTML ou XHTML AREA qui correspondent à un lien.
On parle aussi de zones réactives.

Balise HTML / XHTML à voir :

Cours HTML à voir :

Cours XHTML à voir :

Il existe surement une autre possibilité en css:

Comment changer l'image au passage de la souris?

Réponse

Pour changer l'image quand la souris passe dessus vous pouvez utiliser le javascript ou les css.
On parle aussi de rollover quand l'image change au passage de la souris.

Dans les cours javascript, je vous propose de faire un rollover via un lien HTML mais vous pouvez mettre les deux action onMouseOut="cache()" et onMouseOver="montre()" sur l'image.

Cours javascript à voir :

Il existe surement une autre possibilité en css:

La balise HTML MAP spécifie un ensemble de zones réactives d'une image.<MAP> </MAP> La balise HTML MAP contient la balise <AREA> qui définie une zone ...[Voir]La balise HTML et XHTML AREA définie une zone réactive dans ensemble de zones réactives définie par la balise HTML et XHTML MAP, elle n'a pas en HTML ...[Voir]