Feuille css racalcitrante

Bonjour,
je n'arrive pas à comprendre pourquoi ma feuille de style donne à ma page un affichage totalement différent de ce que j'attends en terme de couleurs.... Voyez plutôt :
le CSS:

/* CSS Document du plan du site */

body { 
text-decoration : none;
} 
@page { 
margin : 0.98in 0.79in 0.98in 0.79in;
} 
.style0 { 
vertical-align : bottom;
white-space : nowrap;
font-size : 10pt;
font-weight : 400;
font-style : normal;
text-decoration : none;
font-family:Verdana, Arial, Helvetica, sans-serif;
border : none;
} 
td { 
padding : 0;
font-size : 10pt;
font-weight : 400;
font-style : normal;
text-decoration : none;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align : bottom;
border : none;
white-space : nowrap;
} 
.xl24 { /* accueil */
text-align : center;
background-color : #3366cc;
color : white;
}
xl24 a,a:visited{
background-color: #3366cc;
color: white;
}
.xl25 { /* comite */
text-align : center;
border : 0.5pt solid WindowText;
background-color : #bddffb;
color : #000000;
text-decoration : none;
}
.xl26 { /* rubriques comite */
color : #000000;
text-align : center;
border : 0.5pt solid WindowText;
background-color : #bddffb;
text-decoration : none;
} 
.xl26 a { 
background-color : #bddffb;
color : #000000;
text-decoration : none;
} 
.xl26 a:visited { 
background-color : #bddffb;
color : #000000;
text-decoration : none;
} 
.xl27 { /* activites */
text-align : center;
border : 0.5pt solid WindowText;
background-color : #58b658;
color : white;
} 
.xl28 { /* rubriques activites */
text-align : center;
border : 0.5pt solid WindowText;
background-color : #58b658;
color : #ffffff;
} 
.xl28 a, a:visited { 
background-color : #58b658;
color : #ffffff;
text-decoration : none;
} 
.xl29 { /* partenaires */
text-align : center;
border : 0.5pt solid WindowText;
background-color:#c3a524;
color:white;
} 
.xl29 a, a:visited { 
background-color:#c3a524;
color : white;
text-decoration : none;
} 
.xl30 { /* billetterie */
text-align : center;
border : 0.5pt solid WindowText;
background-color : #fad145;
color:white;
} 
.xl30 a, avisited { 
background-color : #fad145;
color : #ffffff;
text-decoration : none;
} 
.xl31 { /* photo souvenir */
text-align : center;
border : 0.5pt solid WindowText;
background-color : #df9dc4;
color:#ffffff;
} 
.xl31 a, avisited { 
background-color : #df9dc4;
color : #ffffff;
text-decoration : none;
} 
.xl32 { /* annonces */
text-align : center;
border : 0.5pt solid WindowText;
background-color : #9d34da;
color : #ffffff;
} 
.xl32 a, avisited { 
background-color : #9d34da;
color : #ffffff;
text-decoration : none;
} 
.xl33 { /* formulaires */
color:white;
background-color : #f16075;
} 
.xl34 { /* rubriques formulaires + idées et plan */
color:white;
background-color : #f16075;
} 
.xl34 a, a:visited { 
background-color : #f16075;
color : white;
text-decoration : none;
}

Et voici le résultat, horrible ! (c'est une capture d'écran...)
http://img357.imageshack.us/img357/8499/ecranplansitebs2.jpg

Vous imaginez que le but était d'avoir fond de même couleur par rubrique sans modif s'il s'agit d'un lien, ni de soulignement....
J'ai bien sûr vérifier que les bonnes classes sont au bon endroit.... je ne comprends pas !
Modifié par dlamo (05 Jul 2007 - 16:46)

Bonjour,

Petite suggestion pour régler le problème : plutôt que de mettre un fond aux liens et/ou contenu des encart, pourquoi ne pas tout simplement leur affecter un arrière-plan transparent ou carrément ne pas leur en affecter du tout ?

Héla, c'est une obligation pour répondre au cahier des charges.... dans le site lui même le menu déroulant change de couleur de fond suivant les rubriques et je dois reprendre ces mêmes couleurs dans le plan du site. Je ne comprends pas pourquoi ça ne fonctionne pas ! même la couleur du lien 'annonces' devrait être en mauve, et non en marron !
C'est un mystère ...

Bonjour

Y'a beaucoup de choses bizarres dans ta CSS, dont

xl24 a,a:visited

répété 3 ou 4 fois et qui, en l'absence d'objet désigné, affecte à tous les a:visited la dernière valeur trouvée. Commence déjà par préciser

xl24 a,xl24 a:visited

après tu verras où tu en es...

haaaa! Merci Arsène, mais j'ai trouvé, ça ne venait pas de ce dont tu parlais, mais du fichier .html lui même. En effet, l'origine du fichier est un .xls transformé par MS en .xml puis retravaillé pour donner ce que je souhaitais. Et bien en y regardant de plus près, la génération du fichier avait créé une partie <style></style> dans laquelle ce que j'avais mis dans mon fichier .css se trouvait également là !! Du coup en modifiant le .html comme je le veux et en supprimant le .css devenu inutile, tout est rentré dans l'ordre.
Merci encore, à bientôt.

dlamo a écrit :
Du coup en modifiant le .html comme je le veux et en supprimant le .css devenu inutile, tout est rentré dans l'ordre.
Merci encore, à bientôt.

Ton problème est donc [Résolu] ...