Menu déroulant
Résolu
Franois
-
Geiffy -
Geiffy -
Bonjour à tous,
Je suis en train de créer un site avec Notepad++ qui est très avancé désormais. J'ai créé un menu horizontal déroulant qui fonctionne bien, à part les sous-menus qui demeurent ostensiblement cachés. Pourtant, en mettant ce menu en vertical, je vois bien apparaître les éléments des sous-menus. En essayant les CSS proposés par plusieurs internautes (dont le menu et sous-menus fonctionnaient parfaitement), je n'ai jamais réussi à voir apparaître les miens. Je me suis donc interrogé sur ma version de Notepad. J'ai fait un nouveau téléchargement de la dernière version de ce logiciel, mais je n'ai pas eu d'amélioration au niveau de mon menu déroulant. Je remercie infiniment les webmasters en mesure de m'apporter une précieuse aide afin d'arriver à comprendre d'où vient ce problème.
Je suis en train de créer un site avec Notepad++ qui est très avancé désormais. J'ai créé un menu horizontal déroulant qui fonctionne bien, à part les sous-menus qui demeurent ostensiblement cachés. Pourtant, en mettant ce menu en vertical, je vois bien apparaître les éléments des sous-menus. En essayant les CSS proposés par plusieurs internautes (dont le menu et sous-menus fonctionnaient parfaitement), je n'ai jamais réussi à voir apparaître les miens. Je me suis donc interrogé sur ma version de Notepad. J'ai fait un nouveau téléchargement de la dernière version de ce logiciel, mais je n'ai pas eu d'amélioration au niveau de mon menu déroulant. Je remercie infiniment les webmasters en mesure de m'apporter une précieuse aide afin d'arriver à comprendre d'où vient ce problème.
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
Effectivement, Notepad n'est qu'un traitement de texte. Je me demande pourquoi en suivant pas à pas les méthodes proposés par plusieurs internautes, je n'arrive jamais à afficher les sous-menus. Les boutons principaux du menu horizontal (accueil, etc...) fonctionnent parfaitement quant à eux. Evidemment, il est difficile pour toi de voir ce qui bloque sans voir les pages html et css de mon menu. Bien cordialement à toi. Geiffy.
Je confirme.
C'est bien pour ça qu'il faudrait que tu postes ton code sur le forum.
NB: Pour poster ton code, merci de le faire en utilisant les BALISES DE CODE
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
body{
font-family: Calibri, 'Source code pro', Times New Roman, sans-serif;
font-size: 16px;
margin: 0px;
padding: 0px;
}
nav{
width: 100%;
background-color: #3498DB;
}
nav > ul{
margin: 0px;
padding: 0px;
}
nav > ul::after{
content:"";
display: block;
clear: both;
}
nav > ul > li{
float: left;
position: relative;
}
nav > ul > li > a{
padding: 20px 30px;
color: #7B241C;
}
nav > ul > li:hover a{
padding: 15px 30px 20px 30px;
}
nav li{
list-style-type: none;
}
.submenu{
display: none;
}
nav a{
display: inline-block;
text-decoration: none;
}
nav li:hover .submenu{
display: inline-block;
position: absolute;
top: 100%;
left: 0px;
padding: 0px;
z-index: 100000;
}
.submenu li{
border-bottom: 1px solid #F7DC6F;
}
.submenu li a{
padding: 15px 30px;
font-size: 13px;
color: #7B241C;
width: 270px;
}
.menu-index:hover{
border-top: 5px solid #1A5276;
background-color: RGB(169, 204, 227, 1.0);
}
.menu-a-propos:hover{
border-top: 5px solid #145A32;
background-color: RGB(162, 217, 206, 1.0);
}
.menu-livres:hover{
border-top: 5px solid #D4AC0D;
background-color: RGB(247, 220, 111, 1.0);
}
.menu-reactions:hover{
border-top: 5px solid #6C3483;
background-color: RGB(187, 143, 206, 1.0);
}
.menu-tribune:hover{
border-top: 5px solid #935116;
background-color: RGB(240, 178, 122, 1.0);
}
.menu-journal:hover{
border-top: 5px solid #515A5A;
background-color: RGB(191, 201, 202, 1.0);
}
.menu-a-propos .submenu{
background-color: RGB(241, 196, 15);
}
.menu-livres .submenu{
background-color: RGB(72, 201, 176);
}
.menu-journal .submenu{
background-color: RGB(72, 201,176);
}
.submenu li:hover a{
color: #9A7D0A;
font-weight: bold;
}
.menu-a-propos .submenu li:hover{
background-color: RGB(235, 152, 78);
}
.menu-livres .submenu li:hover{
background-color: RGB(130, 224, 170);
}
.menu-journal .submenu li:hover{
background-color: RGB(88, 214, 141);
}
Un grand merci! J'ai suivi ton conseil à la lettre et les sous-menus sont apparus illico. Enseignement? Des balises mal placées ou redondantes peuvent en effet créer un blocage. Encore merci. Bonne fête du 1er mai. Bien cordialement à toi. François.