28172 sujets

CSS et mise en forme, CSS3

Hello,
Je suis en train de faire un site : http://www.ladivarurale.com/.
J'ai mis en place un menu déroulant
mais, je n'arrive pas à définir la couleur du texte.

#menu ul {
margin: 0;
padding: 20 px;
padding-top: 5px;
width: 600px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;


color: yellow;
}

#menu ul li {
position: relative;
text-decoration:none;
font-color: yellow;

}


#menu {
font-family: "Handwriting - Dakota";
background-image: url("menu.jpg");
background-repeat : no-repeat;
font-decoration:none;
font-size: 15pt ;
font-color: green;
}

#menu li ul {
position: absolute;
left: 149px; /*Set 1px less than menu width */
top: 10;
display: block;
color : yellow;
text-decoration:none;
font-size : 20 px;
color: yellow;`
font-color: green;
color:rgb(0,0,255);
}

#menu li:hover ul {
display: block;
color: green;
}

#menu li:hover>ul {
visibility:visible;
color: yellow;
}

#menu ul ul {
visibility:hidden;
color: yellow;
}

Comme vous pouvez le voir j'ai essayer tous les command de couleur en existance mais ce texte refuse obstinément de bouger.

Toute aide est bienvenu.

A bientôt
Modérateur
Bonjour,

Tu dois appliquer la couleur aux liens, par exemple comme ceci :


#menu ul li a {
color: yellow;
} 


La prochaine fois que tu crées un sujet, merci de bien vouloir mettre un titre plus pertinent qui résume ton problème. Tu dois aussi formater ton code avec la balise CODE du forum.
Salut,
Tony Monast a écrit :
Tu dois appliquer la couleur aux liens, par exemple comme ceci :


#menu ul li a {
color: yellow;
} 

Une astuce pour appliquer une couleur sans en répéter le code ou le mot-clé consiste à utiliser la valeur inherit.

#menu ul li a {
  color: inherit;
}

Cette astuce a pour seul inconvénient de ne pas être comprise des versions d'IE antérieures à la 8.