Bonjour voici mon code je n'arrive pas a mettre la couleur gris sur mon menu ou même en background de toute la page et pareil pour les sous-menu je suis novice en code ^^! mes la je ne comprend vraiment pas pourquoi le background se mes pas
Bien vu Mewen, perso je l'ai vu un peu tard en revanche j'ai aussi trouvé que dans ton css y'avais des espaces partout, t'as du copier un bout de code par là mal formaté ;-)
body {
font-family: 'source code pro', calibri, serif;
margin: 0px;
padding: 0px;
}
nav {
width: 100%;
background-color: #424558;
}
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: #FFF;
display: inline-block;
text-decoration: none;
}
nav li {
list-style-type: none;
}
.submenu {
display: none;
}
nav li:hover .submenu {
display: inline-block;
position: absolute;
top: 100%;
left: 0px;
padding: 0px;
z-index: 1000;
}
.submenu li {
border-bottom: 1px solid #CCC;
}
.submenu li a {
padding: 15px 30px;
font-size: 13px;
color: #222538;
width: 270px;
}
.menu-onglet1:hover {
border-top: 5px solid #e44d26;
background-color: rgba(228, 77, 38, 0.5);
}
.menu-onglet2:hover {
border-top: 5px solid #0070bb;
background-color: rgba(000, 112, 192, 0.5);
}
.menu-onglet3:hover {
border-top: 5px solid #f1dc4f;
background-color: rgba(241, 211, 79, 0.5);
}
.menu-onglet4:hover {
border-top: 5px solid #BBB;
background-color: rgba(220, 220, 220, 0.5);
}
Du coup désolé pour l'indentation mais au moins ce code CSS applique bien les propriétés et valeurs que tu souhaites !
Merci beaucoup et non cet un code que j'ai créer grâce a un tuto donc les erreurs vienne de moi
Encore Merci pour tout
Je n'arrive pas a mettre de couleur
× 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.
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...