Menu déroulant
Résolu/Fermé
A voir également:
- Menu déroulant
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Excel menu déroulant en cascade - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
1 réponse
jordane45
Messages postés
38139
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 avril 2024
4 649
29 avril 2018 à 11:55
29 avril 2018 à 11:55
Bonjour,
Notepad++ ... est un éditeur de texte....
Il n'affiche pas ton site.... ton site s'affiche à travers un navigateur web.
Le souci se trouve donc au niveau du code html/css que tu as écrit.
Notepad++ ... est un éditeur de texte....
Il n'affiche pas ton site.... ton site s'affiche à travers un navigateur web.
Le souci se trouve donc au niveau du code html/css que tu as écrit.
29 avril 2018 à 17:11
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.
29 avril 2018 à 17:54
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
29 avril 2018 à 18:22
29 avril 2018 à 18:24
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);
}
30 avril 2018 à 10:08
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.