Changer l'image quand le curseur passe sessus
maxence
-
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 30427 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:
_______________________________________________________________________
css:
merci d'avance,
Maxence
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-code2 réponses
-
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
-
Bonjour,
Tu as un "2" en tropa#iphone2:hover
L'élément que tu cibles.. c'est #iphone ... pas #iphone2a#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>
