Image plus grande en survolant

puceleo Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   -  
Revan26914 Messages postés 1778 Date d'inscription   Statut Contributeur Dernière intervention   -
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
A voir également:

1 réponse

Revan26914 Messages postés 1778 Date d'inscription   Statut Contributeur Dernière intervention   320
 
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