Image plus grande en survolant
puceleo
Messages postés
15
Statut
Membre
-
Revan26914 Messages postés 1821 Statut Contributeur -
Revan26914 Messages postés 1821 Statut Contributeur -
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
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
Configuration: Windows XP Internet Explorer 7.0
A voir également:
- Image plus grande en survolant
- Légende image word - Guide
- Trier du plus petit au plus grand excel - Guide
- Reduire taille image - Guide
- Image iso - Guide
- Image en icone - Guide
1 réponse
Bonjour,
le moyen c'est d'utiliser le code CSS suivant:
et ton code XHTML:
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
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
