Menu déroulant
ABDUL
-
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.
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
-
Hum, tu leurs as pas mis une position absolute par hasard ?
Sinon, montre le css est lien avec ton menu et logo.-
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 -
-
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.
-
-
-