Image plus grande en survolant

Fermé
puceleo Messages postés 15 Date d'inscription mercredi 11 juillet 2007 Statut Membre Dernière intervention 11 mai 2008 - 11 mai 2008 à 13:21
Revan26914 Messages postés 1778 Date d'inscription dimanche 14 octobre 2007 Statut Contributeur Dernière intervention 15 octobre 2019 - 11 mai 2008 à 14:40
Bonjour,

Je crée mon site pour mon travail de fin d'année.
Nous n'avons malheureusement pas eu beaucoup de théorie.
Je voudrais avoir un image qui apparaisse plus grande que l'initiale au moment du passage de la souris.
Nous n'utilisons que l'html et le css.
Quel code mettre ne html et css ?
Le jury testera avec IE, Firefox, Opera et Netscape.
Merci d'avance

1 réponse

Revan26914 Messages postés 1778 Date d'inscription dimanche 14 octobre 2007 Statut Contributeur Dernière intervention 15 octobre 2019 318
11 mai 2008 à 14:40
Bonjour,

le moyen c'est d'utiliser le code CSS suivant:

img:hover
{
height: 50%;
width: 50%;
}


et ton code XHTML:
<p>
<img src="ton_image.jpg" title="image1" alt="image1" />
</p>



le seul problème avec ces méthode c'est que les anciens navigateurs ne reconnaissent pas ":hover" sur d'autres balises que la balise de liens <a>

il faudrait pour cela utiliser une fonction JavaScript. As-tu le droit d'utiliser du JavaScript?


Cordialement

Revan
0