Changer l'image quand le curseur passe sessus

maxence -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
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
A voir également:

2 réponses

Réponse 1 / 2
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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

0
Réponse 2 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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>
0

Discussions similaires

PIX
plart -
jordane45 -

1 réponse
Mot de passe administrateur Freebox : où le trouver ?
Utilisateur anonyme -
Marie -

7 réponses