Menu glissant
Résolu
reus62
Messages postés
22
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Menu glissant
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
3 réponses
Bonjour
avec css tu dois mettre l'id du menu en position:fixed; et top:0; width:100%;
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
avec css tu dois mettre l'id du menu en position:fixed; et top:0; width:100%;
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
bonjour
merci beaucoup mais sa passe en second plan on va dire le menu ..
voici le css :)
merci beaucoup mais sa passe en second plan on va dire le menu ..
voici le css :)
<meta charset="utf-8" /><title></title><style type="">{
padding:0;
margin:0;
height:100%;
}
#menu, #menu ul {
position:fixed; top:0; width:100%;
padding:0;
margin:0;
list-style: none;
text-align: center;
}
#menu li {
display:inline-block;
vertical-align: top;
position: relative;
}
#menu li li {
display:inherit;
}
#menu a {
display:block;
padding:4px 53.65px;
text-decoration: none;
color:#fff;
font-family:arial;
}
#menu ul li a {
padding:5px 8px;
}
#menu ul {
position: absolute;
z-index: 1000;
min-width:100%;
white-space: nowrap;
text-align: left;
}
#menu ul ul {
left:100%;
top:0;
overflow: hidden;
max-width: 0;
min-width: 0;
transition: 0.3s all;
}
#menu ul li:hover ul {
max-width: 30em;
}
#menu ul li {
max-height:0;
overflow: hidden;
transition:all 0.8s;
}
#menu li li li {
max-height: inherit;
}
#menu li:hover li {
max-height: 15em;
overflow: visible;
}
/* background des liens menus */
.violet {
background-color:#848484;
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
.violet li {
background:#333A40
}
.violet li:hover {
background:#729EBF
}
.bleu {
background-color: #848484;
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
.bleu li {
background:#333A40
}
.bleu li:hover {
background:#729EBF
}
.orange {
background-color:#848484;
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
.orange li {
background:#333A40
}
.orange li:hover {
background:#729EBF
}
.vert{
background-color: #848484;
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
.vert li {
background:#333A40
}
.vert li:hover {
background:#729EBF
}
#menu li:hover {
background-image:none;
}
#menu li:hover a, .menu li li:hover a {
color:#000
}
#menu li:hover li a, #menu li:hover li li a {
color:#fff
}
#menu li:hover a, #menu li li:hover a, #menu li li li:hover a {
color:#000
Salut
utilise z-index
quelques explications
https://www.alsacreations.com/astuce/lire/84-comment-fonctionne-la-proprit-css-z-index.html
utilise z-index
quelques explications
https://www.alsacreations.com/astuce/lire/84-comment-fonctionne-la-proprit-css-z-index.html
merci beaucoup encore cela fonctionne
maintenant jaimerai avoir un fond d'une couleur comme fais jeuxvideo.com sur le menu comment faire ? merci a vous
voici le css actuelle otakuplayer.fr
maintenant jaimerai avoir un fond d'une couleur comme fais jeuxvideo.com sur le menu comment faire ? merci a vous
voici le css actuelle otakuplayer.fr
<meta charset="utf-8" /><title></title><style type="">{
padding:0;
margin:0;
height:100%;
}
#menu, #menu ul {
position:fixed; z-index: 8; top:0;
}
#menu li {
display:inline-block;
vertical-align: top;
position: relative;
}
#menu li li {
display:inherit;