Menu en ligne rollover CSS
Résolu
tg76
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
tg76 Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
tg76 Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Menu en ligne rollover CSS
- Partager photos en ligne - Guide
- Mètre en ligne - Guide
- Menu déroulant excel - Guide
- Formulaire en ligne de meta - Guide
- Aller à la ligne excel - Guide
