Changer l'image quand le curseur passe sessus

Signaler
-
Messages postés
31553
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 mars 2021
 -
Bonjour,
je députes dans la programmation et je voudrai savoir si c'est possible de changer une image quand le curseur est dessus en html ou/et en css sa fait des heures que je suis bloquées ,voicimon code
_______________________________________________________________________
html: 
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <link rel="icon" type="image/png" href="/css/master.css">
    <link type="text/css"rel="stylesheet" href="style.css">
  </head>
  <body>
<a id="iphone" href="C:\Users\maxen\OneDrive\Images\programme cours\programmation\iphone12.jpg"
  </body>
</html>
<link type="text/css"rel="stylesheet" href="style.css">

_______________________________________________________________________
css: 
body
{
background-color: black;
color:white;
width:1000px;
margin:0 auto;
text-align:center;
}

a#iphone
{
  background-image: url("iphone12.jpg");
  width: 1280px;
  height:150px;
  display:block;
}
a#iphone2:hover 
{
  background-image: url("lol.jpg");
  width: 400px;
  height:150px;
  display:block;


merci d'avance,
Maxence

EDIT : Ajout des balises de code.

https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

2 réponses

Réponse 1 / 2
Messages postés
23088
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
16 février 2021
 2 204
déjà au départ : pour qu'un fichier soit accessible sur le Net il NE FAUT PAS qu'il soit chez toi :) 
<a id="iphone" href="C:\Users\maxen\OneDrive\Images\programme cours\programmation\iphone12.jpg"

donc là ... ça coince ....
fais un test avec une image en ligne par exemple

EDIT : Ajout du LANGAGE dans les balises de code.
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Réponse 2 / 2
Messages postés
31553
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 mars 2021
 3 295
Bonjour,

Tu as un "2" en trop 
a#iphone2:hover


L'élément que tu cibles.. c'est #iphone ... pas #iphone2 
a#iphone:hover



PS: Tu as une ligne en trop à la fin de ton code html 
<link type="text/css"rel="stylesheet" href="style.css">

Rien ne doit se trouver en dehors du <head> ou du <body>
Répondre Posez votre question