Menu déroulant

ABDUL -  
 ABDUL -
Bonjour,

slt, j'ai déjà créé un menu déroulant dans ma page html mais j'ai du mal à placer mon menu à l'endroit où je veux. En clair dans ma page html, j'ai créé une première balise <div> dans laquelle j'ai mis mon logo et dans la seconde balise <div> j'ai mis mon menu déroulant mais il se trouve que quand j'ouvre ma page html avec FIREFOX,GOOGLE CHROME ou INTERNET EXPLORER, mon menu déroulant et mon logo sont confondus. s'il vous plaît, j'aimerais que vous m'aidiez dans ce sens. merci pour votre aide.

1 réponse

Nhay Messages postés 838 Date d'inscription   Statut Membre Dernière intervention   126
 
Hum, tu leurs as pas mis une position absolute par hasard ?

Sinon, montre le css est lien avec ton menu et logo.
0
ABDUL
 
ABDUL 5 nov. 2012 à 11:55
Bonjour Nhay, c'est vrai j'ai mis une position absolute .Peux-tu me montrer comment faire un lien pour te faire voir mon menu et mon logo. Néanmoins je te présente le css:

#menu
{
background:004772;
width:920;
height:105;
font-size:16px;
font-family:sans-serif,arial;
list-style-type: none;
margin:O;
padding:0;
border:0;
position: absolute;
top:0;
left:0;
}
#menu li
{
float:left;
width:150px;
margin:0;
padding:0;
border:0;
}
#menu li a:link,#menu li a:visited
{
display:block;
height:1%;
color:#FFF;
background:black;
margin:0;
padding:4px 8px;
border-right:1px solid #fff;
text-decoration: none;
}
#menu li a:hover {background-color:#003453;}
#menu li a:active {background-color:#003453;}

#menu .sous-menu
{
display:none;
list-style-type:none;
margin:0;
padding:0;
border:0;
}
#menu .sous-menu li
{
float:none;
margin:0;
padding:0;
border:0;
width:148px;
border-top:1px solid #003453;
border-right:1px solid #003453;
}
"menu .sous-menu li a:link, #menu .sous-menu li a:visited
{
display:block;
color:#FFF;
margin:0;
border:0;
text-decoration: none;
background:#005182;
}
#menu .sous-menu li a:hover
{
background-image:none;
background-color:#002c47;
}

#menu li:hover >.sous-menu {display:block;}
}

Merci pour votre aide.

Ajouter un commentaire - Modifier
0
Nhay Messages postés 838 Date d'inscription   Statut Membre Dernière intervention   126
 
Les liens se font tous seul, tu met juste l'adresse et le site s'occupera de le rendre cliquable.
Pour ton problème, tu as deux solutions :
-changer la position du logo/menu et mettre relative au lieu d'absolute.
-Changer le top/left du menu pour la caler comme tu veux.
0
ABDUL
 
Salut Nhay, je n'arrive pas à te suivre quand tu me demande de changer la position du logo/menu et de changer le top/left. Et je tiens à te dire que j'ai changer la position absolute en position relative mais jusque-là ça ne résout pas mon problème car le menu déroulant se place au-dessus de mon logo et le pis au survol de la souris c'est-à-dire au moment où le menu se déroule, mon logo se déplace.Alors que mon souhait est de placer le logo bien avant le menu déroulant ... Et si j'ai bien compris comment faire un lien: j'ouvre le dossier où se trouve ma page html, je copie le lien et je viens le coller à l'un de mes commentaire.
0
ABDUL
 
Merci infiniment à toi.
0
ABDUL
 
A défaut de pouvoir faire un lien je peux faire un copier/coller de ma page html. Merci pour ton aide.
0