Menu en ligne rollover CSS

Résolu/Fermé

tg76 Messages postés 12 Date d'inscription jeudi 9 mars 2006 Statut Membre Dernière intervention 1 juin 2011 - 1 juin 2011 à 15:32
tg76 Messages postés 12 Date d'inscription jeudi 9 mars 2006 Statut Membre Dernière intervention 1 juin 2011 - 1 juin 2011 à 17:04

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

A voir également:

Menu en ligne rollover CSS
Partager photos en ligne - Guide
Site de vente en ligne particulier - Guide
Menu déroulant excel - Guide
Aller à la ligne excel - Guide
Test performance pc en ligne - Guide

2 réponses

Réponse 1 / 2

trOmA
1 juin 2011 à 15:43

C'est normal, ton width est trop petit ^^

tg76 Messages postés 12 Date d'inscription jeudi 9 mars 2006 Statut Membre Dernière intervention 1 juin 2011 1
1 juin 2011 à 16:12

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

Réponse 2 / 2

trOmA
1 juin 2011 à 16:18

j'avais eu le même problème ^^

http://www.siteduzero.com/forum-83-652663-p1-alignement-des-boutons.html#r6271528

tg76 Messages postés 12 Date d'inscription jeudi 9 mars 2006 Statut Membre Dernière intervention 1 juin 2011 1
1 juin 2011 à 17:04

merci pour ton lien, je n'ai pas encore fini mais tout est en ligne et visible

Discussions similaires

Que veut dire "correspondant occupé" lors d'un appel ?

On me voit connecté sur facebook alors que je n'y suis pas

Statut « en ligne » alors que non