28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je souhaite mettre en place un menu sous forme de liste, avec dans chaque partie de la liste une couleur différente pour cela j'ai fait ceci:


#menu ul li {
background-color:#ff6600;}

#menu ul li+li{
background-color:#669acc;}

#menu ul li+li+li{
background-color:#006633;}

#menu ul li+li+li+li{
background-color:#990000;}

#menu ul li+li+li+li+li{
background-color:#993399;}

#menu ul li+li+li+li+li+li{
background-color:#204291;}


tout d'abord est-ce pertinent?
ensuite ça marche sous firefox mais pas sous IE, quelle alernative je peux utiliser pour que cela fonctionne sous IE?

merci d'avance
essai avec


#menu ul li {
background-color:#ff6600;}
#menu ul li li {
background-color:#669acc;}
#menu ul li li li {
background-color:#006633;}
#menu ul li li li li {
background-color:#990000;}
#menu ul li li li li li {
background-color:#993399;}
#menu ul li li li li li li {
background-color:#204291;}


A+
Bonjour,

merci pour vos réponses, j'avais pensé à cette solution de class ou id et bien sûr ça marche,
par contre
#menu ul li {

background-color:#ff6600;}

#menu ul li li {

background-color:#669acc;}

#menu ul li li li {

background-color:#006633;}

#menu ul li li li li {

background-color:#990000;}

#menu ul li li li li li {

background-color:#993399;}

#menu ul li li li li li li {

background-color:#204291;}

ça ne marche ni sur firefox ni sur IE Smiley ohwell