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.
A voir également:
- Menu déroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Word
- Effacer le contenue d'une cellule avec liste déroulante - Forum Excel
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
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.