Problème css

Nicolvian -

Bonjour,

je veut que comme on survole mon image une autre image la remplace

je procède donc comme sella.


<html>
<head>
<title>test personelle</title>
</head>
<body>
<div class="bouton">
  <p>
   <a src="pome1.png"></a>
 </p>
</div>
<style>
.bouton a  {
display:block;
width:150px;
line-height:50px;
text-align:center;
vertical-align:middle;
background:url(pome1.png) no-repeat;
color:blue;
text-decoration:none;
}
.bouton a:hover {
background:url(pomme2.png) no-repeat;
}
</style>
</body>
</html>

seule problème rien s'affiche aucune image au lancement de la page.
je me pose aussi la question de es que une image avec le fond invisible est susceptible de bloqué la prose dure ?
de l'aide serait pas de refus xD

Afficher la suite

1 réponse

Réponse 1 / 1
jordane45 Modérateur
Bonjour,

La balise SRC d'une balise A sert à indiquer un LIEN .. pas à y mettre une image
De plus.. tu n'as pas utilisé la même orthographe par rapport au nom des tes images...

Bref...
Essayes ça :
```
<html>
<head>
<title>test personelle</title>
<style>
a.pommes{
  display: block;
  min-height:300px;
  width:auto
  min-height:80px;
  padding:0px;
  background:url(pomme1.png) no-repeat;
}

a.pommes:hover{
  display: block;
  min-height:300px;
  width:auto
  min-height:80px;
  padding:0px;
  background:url(pomme2.png) no-repeat;
}
</style>
</head>
<body>
<div class="bouton">
  <p>
    <a href='#' class="pomes">
    </a>
  </p>
</div>

</body>
</html>
```
Bien entendu.. tes images se situent dans le même dossier que ta page html ... et elles se nommes :
pomme1 et pomme2

Voila.
0
1. Nicolvian Auteur
  
  Effectivement mon lien <a> était stupide mes je comprend pas ce que tu veut dire par le même orthographe on et vraiment obligé de donné le même nom que l'image d'ans le class="" ?
  désolé je débute xD .
  jais testé ton code ça ait la même chose :/
  
  0
2. jordane45 Modérateur
  
  Pas pour le nom de la class... mais pour le nom des images ....
  
  0
3. Nicolvian Auteur
  
  @jordane45ça fonctionne merci =) par contre ils redimensionne pas l'image en elle même mes le lien
  ils serait surement fonctionnelle si je mes <img> a la place de <a> ?
  
  0

Problème css

1 réponse

Discussions similaires

Newsletters