Bouton lien
Résolu
martine et chantal
Messages postés
485
Date d'inscription
Statut
Membre
Dernière intervention
-
gavroch74 Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
gavroch74 Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je fais des test pour mon futur site.
avant toute chose, je sais que je peux le faire javascript.
mais j'aimerai savoir si avec ces lignes (qui fonctionnent très bien), je peux en faire un bouton lien.
si oui, je ne sais pas où mettre mon <a href="pagemusic.html"></a>
#survolmusic a {
display:block;
width:81px;
height: 17px;
background-image:url(images/music.jpg);
}
#survolmusic a:hover{
display:block;width:81px; height: 100px;
background-repeat: no-repeat;
background-image:url(images/music2.jpg); }
et
<div id="survolmusic"><a href="#"></a></div>
je fais des test pour mon futur site.
avant toute chose, je sais que je peux le faire javascript.
mais j'aimerai savoir si avec ces lignes (qui fonctionnent très bien), je peux en faire un bouton lien.
si oui, je ne sais pas où mettre mon <a href="pagemusic.html"></a>
#survolmusic a {
display:block;
width:81px;
height: 17px;
background-image:url(images/music.jpg);
}
#survolmusic a:hover{
display:block;width:81px; height: 100px;
background-repeat: no-repeat;
background-image:url(images/music2.jpg); }
et
<div id="survolmusic"><a href="#"></a></div>
A voir également:
- Bouton lien
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Bouton shift pc ✓ - Forum Jeux vidéo
- Bouton on off ✓ - Forum Loisirs / Divertissements
1 réponse
Salut !
tu devrais testé comme ceci :
css:
html:
tu devrais testé comme ceci :
css:
a.survolmusic{
display:block;
width:81px;
height: 17px;
background-image:url(images/music.jpg);
}
a.survolmusic:hover{
display:block;width:81px; height: 100px;
background-repeat: no-repeat;
background-image:url(images/music2.jpg);
}
html:
<a href="pagemusic.htm" class="survolmusic"> <img src="images/music2.jpg" style="display:none" alt="" /> </a>
petit jeu de mot au passage ;)
au premier essai ma page était introuvable.
il manquait le " l " de html
merci beaucoup
désolé :)