Menu en ligne rollover CSS [Résolu/Fermé]

Signaler
Messages postés
12
Date d'inscription
jeudi 9 mars 2006
Statut
Membre
Dernière intervention
1 juin 2011
-
Messages postés
12
Date d'inscription
jeudi 9 mars 2006
Statut
Membre
Dernière intervention
1 juin 2011
-
Bonjour,

je suis en train de faire une page HTML + CSS, mais je bloque pour la mise en ligne de mon menu. il est fait comme je le souhaite, mais je ne parviens pas a le mettre en ligne ou alors je me retrouve avec un menu tout inutilisable.

voici le lien du menu : https://groupedamis.pagesperso-orange.fr/menu.html

Voila le code mis dans le head
<head>
<style>
a.A {
background-image: url(Images/Accueil.png);
display: block;
width: 146px;
background-repeat: no-repeat;
}
a.A:hover {
background-image: url(Images/Accueil2.png);
background-repeat: no-repeat;
}

a.B {
background-image: url(Images/Infos.png);
display: block;
width: 146px;
background-repeat: no-repeat;
}
a.B:hover {
background-image: url(Images/Infos2.png);
background-repeat: no-repeat;
}
a.C {
background-image: url(Images/Lien.png);
display: block;
width: 146px;
background-repeat: no-repeat;
}
a.C:hover {
background-image: url(Images/Lien2.png);
background-repeat: no-repeat;
}

</style>

et voici le code mis dans le HTML
<div id="menu">
<center><a class="A" href="Accueil.html"><img
style="border: 0px solid ; width: 146px; height: 49px;" alt="Accueil"
src="Images/vide.png"></a><a class="B" href="Info.html"><img
style="border: 0px solid ; width: 146px; height: 49px;" alt="Infos"
src="Images/vide.png"></a><a class="C" href="Liens.html"><img
style="border: 0px solid ; width: 146px; height: 49px;" alt="Liens"
src="Images/vide.png"></a> </center>
</div>

si quelqu'un peut me venir en aide afin de pouvoir le mettre en ligne

Cordialement

TG76

2 réponses

C'est normal, ton width est trop petit ^^
Messages postés
12
Date d'inscription
jeudi 9 mars 2006
Statut
Membre
Dernière intervention
1 juin 2011
1
Quand j'augmente mon width, mon image d'arriere plan se décale de ma première et je n'ai pas réussi a les remettre ensemble
j'avais eu le même problème ^^


http://www.siteduzero.com/forum-83-652663-p1-alignement-des-boutons.html#r6271528
Messages postés
12
Date d'inscription
jeudi 9 mars 2006
Statut
Membre
Dernière intervention
1 juin 2011
1
merci pour ton lien, je n'ai pas encore fini mais tout est en ligne et visible