Problème css
Nicolvian
Messages postés
9
Statut
Membre
-
Nicolvian Messages postés 9 Statut Membre -
Nicolvian Messages postés 9 Statut Membre -
Bonjour,
je veut que comme on survole mon image une autre image la remplace
je procède donc comme sella.
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
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
1 réponse
-
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.
