Problème css
Nicolvian
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Nicolvian Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
Nicolvian Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Problème css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
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 :
Bien entendu.. tes images se situent dans le même dossier que ta page html ... et elles se nommes :
pomme1 et pomme2
Voila.
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.
désolé je débute xD .
jais testé ton code ça ait la même chose :/
ils serait surement fonctionnelle si je mes <img> a la place de <a> ?