Sujet Précédent Sujet Suivant

Changer l'image quand le curseur passe sessus

Fermé
maxence - Modifié le 8 févr. 2021 à 22:53
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 8 févr. 2021 à 22:56
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 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
Modifié le 8 févr. 2021 à 22:53
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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
8 févr. 2021 à 22:56
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

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

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

7 réponses
my.canalbox.africa changer le mot de passe
Thierry973 -
baladur13 -

16 réponses
Modifier son mot de passe webmail Free
Alex -
saheleo -

19 réponses