/*Configuration de la page*/
body
{
margin: 0px;
padding: 0px;
background-color: #33C1FF;
}
h1
{
font-family: verdana;
margin-top: 60px;
}
/*Création de l'entête*/
header
{
display: flex;
height: 100%;
width: 100%;
background-color: #33C1FF;
}
.milieu
{
display: flex;
flex-direction: column;
height: 100%;
margin: auto;
width: 75%;
background-color: #FFF633;
}
.entête
{
padding: 0px 40px;
display: flex;
justify-content: space-between;
}
.logo_icn
{
margin-top: 30px;
height: 100px;
width: 100px;
background-color: white;
border-radius: 20%;
}
.logo_monod
{
margin-top: 30px;
height: 100px;
width: 100px;
background-color: white;
border-radius: 20%;
}
nav
{
border-top: 1px black solid;
border-bottom: 1px black solid;
margin: auto;
margin-top: 20px;
width: 100%;
}
nav ul
{
padding: 0;
margin: 0;
display: flex;
}
nav ul li
{
display: block;
background-color: #51FF35;
list-style-type: none;
line-height: 40px;
width: 100%;
height: 40px;
text-align: center;
}
nav ul li a
{
display: block;
color: black;
text-decoration: none;
text-transform: uppercase;
font-family: verdana;
}
nav ul li a:hover
{
background-color: gray;
}
nav ul li ul li
{
display: none;
flex-direction: column;
z-index: 1;
border-top: 1px black solid;
}
nav ul li:hover ul li
{
display:block;
}
nav ul li ul
{
border: 1px black solid;
border-top: none;
display: flex;
flex-direction: column;
}
.menu_devoirs
{
border-right: 1px black solid;
}
/*Contenu*/
section
{
display: flex;
width: 75%;
margin: auto;
height: 569px;
background-color: white;
}
- Edité par NeilSauvage 16 décembre 2018 à 8:39:18
Enlever espace entre <ul> et <li> menu déroulant?
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.