Aide menu déroulant

Question

Bonjour,

J'essai de mettre un modèle de menu déroulant dans un gabarit alsacreation et je m'embrouille un peu dans les tous les css.

J'ai mis la page en ligne à cette adresse : 
http://www.test.aquamarinebeaute.fr/index.html

pb : je souhaite que les sous-menu apparaissent dans une couleur différente que celle du menu.

Si un spécialiste des menus peut m'aider ...

Avec mes remerciements

Voila le css  (je pense que vous n'avez pas besoin du css : base.css)
/* Generated by KaZcadeS */
body {
    background: #78a654 none repeat scroll 0% 50%;
    color: #f0e39e;
}
a {
    color: #33ff33;
}
a:hover, a:focus {
    color: #ff4c00;
}
strong {
    color: #009900;
}
#centre {
    background: transparent url(img/11-colgauche-essai.png) repeat-y scroll left top;
}
#centre-bis {
    background: transparent url(img/11-coldroite-essai2.png) repeat-y scroll right top;
}
#navigation {
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 50%;
    opacity: 0.9;
    background-color: #660000;
}
#navigation a {
    color: #33cc00;
    font-weight: bold;
}
#navigation a:hover, #navigation a:focus {
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 50%;
    text-align: right;
    background-image: url(img/Copie%20de%2011-colgauche-essai.png);
}
#principal {
    background: white none repeat scroll 0% 50%;
    color: #181a12;
}
#principal a {
    color: #332510;
}
#principal a:hover, #principal a:focus {
    color: #6e5122;
}
#principal strong {
    color: #181a12;
}
#secondaire {
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 50%;
    background-color: #660000;
}
body {
    padding: 20px 5px;
}
#global {
    width: 90%;
    max-width: 90em;
    min-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
#entete {
    border: 1px solid #33cc00;
    padding: 20px 0;
    background-color: white;
}
#entete h1 {
    margin: 0;
    text-align: right;
}
#entete h1 img {
    margin: -20px 0px 0px 0;
    float: left;
}
#entete .sous-titre {
    margin: 4px 0 15px;
    text-align: right;
    color: #009900;
}
#centre-bis {
    width: 100%;
    overflow: hidden;
}
#navigation {
    float: left;
    width: 183px;
}
#navigation ul {
    margin: 0;
    padding: 20px 10px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
#navigation a {
    padding: 6px 10px;
    display: block;
    height: 1%;
    line-height: 1.5;
    font-size: 0.9em;
    text-decoration: none;
}
#principal {
    padding: 10px 20px;
    margin-left: 200px;
    margin-right: 260px;
}
#principal > *:first-child {
    margin-top: 10px;
}
#principal p, #principal li {
    line-height: 1.5;
}
#secondaire {
    padding: 12px 20px;
    float: right;
    width: 204px;
}
#pied {
    border: 1px solid #009900;
    margin: 0;
    padding: 15px 260px 10px 200px;
    font-size: 0.85em;
    text-align: center;
    background-color: white;
}
#copyright {
    margin: 8px 0 0;
    font-size: 1em;
    text-align: center;
}

jmg78 · Answer

tu ajoutes ça dans base.css

.sous-menu { color:pink; background-color:blue }
bien sur c est un exemple les gouts et les couleurs 
?

aqua92 · Answer

Je te remercie.
Je l'ai ajouté ... mais pas vraiment de différence

Voila le code de base.css
/* Generated by KaZcadeS */
html {
    font-size: 100%;
}
body {
    margin: 0;
    padding: 10px 20px;
    background: white none repeat scroll 0% 50%;
    font-family: Verdana,"Bitstream Vera Sans","Lucida Grande",sans-serif;
    font-size: 0.8em;
    line-height: 1.25;
    color: black;
}
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 0.5em;
}
h1, h2 {
    font-family: Georgia,"Bitstream Vera Serif",Norasi,serif;
    font-weight: normal;
}
h1 {
    font-size: 3em;
    font-style: italic;
    color: #990000;
    text-align: center;
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1em;
}
ul, ol {
    margin: 0.75em 0 0.75em 24px;
    padding: 0;
}
ul {
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
}
li {
    margin: 0;
    padding: 0;
}
p {
    margin: 0.75em 0;
    text-align: justify;
}
li p, blockquote p {
    margin: 0.5em 0;
}
blockquote, q {
    font-size: 1.1em;
    font-style: italic;
    font-family: Georgia,"Bitstream Vera Serif",Norasi,serif;
}
blockquote {
    margin: 0.75em 0 0.75em 24px;
}
cite {
    font-style: italic;
}
a {
    color: mediumblue;
    text-decoration: underline;
}
a:hover, a:focus {
    color: crimson;
}
a img {
    border: none;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
    color: #990000;
}
pre, code {
    font-size: 100%;
    font-family: "Bitstream Vera Mono","Lucida Console","Courier New",monospace;
}
pre {
    margin: 0.75em 0;
    padding: 12px;
    background: #eeeeee none repeat scroll 0% 50%;
    width: 90%;
    overflow: auto;
    color: #555555;
}
pre strong {
    font-weight: normal;
    color: black;
}
#copyright {
    margin: 20px 0 5px;
    font-size: 0.8em;
    color: #009900;
    text-align: center;
}
#copyright a {
    text-decoration: none;
    color: #009900;
    text-align: center;
}
#copyright a:hover, #copyright a:focus {
    text-decoration: underline;
    text-align: center;
}
.sous-menu { color:pink; background-color:blue }

Aide menu déroulant

2 réponses

Votre réponse

Discussions similaires

Newsletters