[RESOLU]Probleme de background-color en validant

Salut,
Le validateur de chez wwwc me dit que j'ai pas de couleur de fond definie sur des elements sur lesquels je crois bien l'avoir defini...
Merci pour l'aide...
oups : Je parle de ma feuille CSS :

EDIT : retour w3c:
* Ligne : 21 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : div#bloctexte
* Ligne : 86 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : strong
* Ligne : 102 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu:link
* Ligne : 108 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu:visited
* Ligne : 115 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu:hover
* Ligne : 122 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu:active
* Ligne : 153 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.lienpageb:link
* Ligne : 154 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.lienpageb:visited
* Ligne : 155 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.lienpageb:hover
* Ligne : 156 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.lienpageb:active

/* Pour mon fond global avec "texture" */
div#fond1 {  
	background-position: center top;
	background-image: url(./images/fondbleuraye.jpg);
	background-repeat: repeat-y;}

/* Pour mon header avec line qui se repette */
div#header  {   
		  background-position: center top;
		  
		  width:100% ; 
		  height:189px;
		  background: url(./images/header.jpg) ;
		  }
	
		  		  
 div#bloctexte  { 
          width:760px ;
		  margin: 0 auto 0 auto; 
		  padding:  10px 5px 10px 5px;
		  background-color:#00FFFF;}

div#header2  {border:0px ;
          position:relative;
          width:100% ; 
          text-align:center;
          margin:8px 0px 15px 0px;
          padding:0px;}

div#header3  {border:0px ;
          position:relative;
          width:100% ; 
          text-align:center;
          margin:0px; 
          padding:0px;}

div#conteneurmenulien  {border:0px ;
          
          width:100% ; 
		  height:6px;
          text-align:center;
          margin:0px 0px 0px 0px; 
          padding:0px;}
		  
		  /* Liste pour bloc avec texte centré */
div#conteneur {   
	position:relative;
	background-image: url(http://img522.imageshack.us/img522/8397/bacgtest10ph.png);
	background-position: center top;
	width: 1024px;
	height: 140px;
	border: 0px;}

div#lienmenu{ 
              width: 100%;
              height : 100%;
			   margin: 0;
                padding: 0;
				text-align: center;}
				
				/* Les titres de l'historique*/
.inline h1{
               font-size:1.2em;
			   display:inline;
                font-family:Verdana, Arial, Helvetica, sans-serif; 
			     margin:0px 0px 0px 0px; 
                                         }
         /* CLASSES*/

.floatleft {float:left;}

.floatright {float:right;}

                       /* BALISES*/
body {border:0; margin:0 0 0 0 ; padding:0 0 0 0 ;}

p {font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; 
   margin:15px 10px 26px 15px;}

#intro  {font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; 
   margin:15px 10px 26px 15px; text-align:center;}

h1  {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; 
   margin:0px 0px 0px 0px;}
		  
strong   {color:black  ; 
         background-color:transparent;
		  font-size:11px ;}
		  
img  {border:0px ;
      margin:2px 2px 2px 2px;}
	 
	

	    
/* Mes classes */ 
    
/* liens du menu*/  

                      /* liens du menu*/  
/* lien non-visité */
a.menu:link {color: #993333; 
             text-decoration: none;
			 font-size: 15px; 
			 background-color: transparent;
			 margin:0px 0px 0px 0px;}
/* de base */
a.menu:visited { color: #993333 ; 
                  text-decoration: none; 
                  font-size: 15px ; 
                   background-color: transparent;
				   margin:0px 0px 0px 0px;} 

/* lien survolé */				   
a.menu:hover { color: #996666; 
                text-decoration: underline;
                  font-size: 15px;
                  background-color: transparent;
				 margin:0px 0px 0px 0px;}

 /* lien activé */
a.menu:active { color: #996633; 
                text-decoration: none;
                font-size: 15px;
                background-color: transparent;
				margin:0px 0px 0px 0px;}
                        

/*MON CADRE EXTENSIBLE */
						 	  
.img2  {border:0px ;
      text-align:justify;
	  margin-top:20px;} 	  
	  
.centrer {text-align:center;
          font-family:Verdana, Arial, Helvetica, sans-serif;}

.italic { font-style:italic;}

.papertest {
	background-image: url(./images/bacgtest1.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align:center;
	width:100%;
	height:180px;
	padding-top:50px;
	padding-left:5px;
	visibility: visible;
	z-index: 1;}

                   /* justifié a droite ( ou pour page suivante...)*/
a.lienpageb:link {color: #993333; text-decoration: none; font-size: 0.8em; float:right; background:transparent;} /* lien non-visité */
a.lienpageb:visited { color: #993333; text-decoration: none; font-size: 0.8em; float:right; background:transparent; } /* de base */
a.lienpageb:hover { color: #996666; text-decoration: underline; font-size: 0.8em; float:right; background:transparent;} /* lien survolé */
a.lienpageb:active { color: #996666; text-decoration: none; font-size: 0.8em; float:right; background:transparent;} /* lien activé */
a.lienpageb{margin-right:10px;}
                 
				  /* POP UP*/
#pop {
display: none;
position: absolute;
text-align:center;
width:474px;
height:418px;
top:300px;
left:50%;
margin-left:-160px ; 
z-index: 500;
cursor: pointer;
}

#pop p {
margin: 0 0.3em;
}

.fermer {
position:relative;
margin: 0.5em 0 0 0;
top:-20px;
text-align: center;
z-index: 520;
}

Modifié par Hum (23 Jan 2006 - 22:43)

Salut ...

Euh, dis, tu voudrais pas nous dire exactement quelle erreur t'est renvoyée ?

J'avais peur de tartiner le post...
J'ai édité le premier le premier post >>> code + rapport.
Merci de l'attention...
Modifié par Hum (23 Jan 2006 - 21:38)

en gros, je pense que transparent n'est pas interpreté comme une couleur.

Mais ça ne gene pas la validation d'habitude
Modifié par Philippe (23 Jan 2006 - 21:48)

C'est seulement pour dire que lorsque tu désigne une couleur de fond tu dois (ou devrais) spécifier une couleur de texte, et vice-versa.

W3C a écrit :

Vous n'avez pas de couleur définie avec votre couleur de fond : div#bloctexte

En gros, les attentes du validateur sont les suivants :

color:#000;
background-color:#FFF;

Mais ce n'est qu'une suggestion du validateur, non une obligation. C'est pour éviter des problèmes d'accessibilité, par exemple, si les liens de ton menu son en texte vert sans couleur de fond de défini, et que l'utilisateur agrandit le texte et que le menu vient se superposer sur un élément vert, on ne verra plus les liens.
Modifié par Tony Monast (23 Jan 2006 - 22:25)

Ok merci, elle passe là (oui je suis rigide...comme un noob qui flippe!)
mais ça fait des backgrounds blanc.
Je pose ma question/probleme autrement:
Quelle est la valeur correcte pour du transparent?
parceque sinon "transparent" fonctionnait en visu.
Modifié par Hum (23 Jan 2006 - 22:12)

Si tu es sous Internet Explorer, cela peut venir de lui.

Il a du mal a gerer la transparence. En fait il y arrive pas.

Essai avec un autre navigateur pour voir

Oui je savais ça pour les images en png.
Mais j'ai ffox.

tu as un url pour voir ?

Inutile de mettre background-color:transparent aux éléments si c'est seulement pour éviter d'avoir les avertissements du validateur. Ce n'est que des avertissements, non des erreurs.

Le but de ces avertissements est d'éviter des problèmes d'accessibilité au cas où des éléments se superposeraient. En mettant background-color:transparent, tu n'empêche aucunement ces problèmes d'accessibilité de survenir si elles ont à arriver. Aussi bien, donc, de ne pas déclarer background-color.

Mais ceci devrait être valide, en théorie :

background-color:transparent;

Modifié par Tony Monast (23 Jan 2006 - 22:35)

Philippe>non, j'arrive meme pas a me connecter a un espace qu'on m'as filé, alors non...

Tony Monast> Bien. Merci pour cette reponse

Et si on met

background:inherit;

, c'est quoi la différence avec transparent ?

Car moi en mettant votre truc, j'ai toujours l'avertissement. Et ça fait désordre, j'aime pas ça ^^Avec inherit, j'ai plus d'avertissement, mais je me demande si c'est sans conséquence derrière.
Modifié par Damonya (11 Sep 2006 - 22:38)

Je ne sais pas...

Lol non je confirme, faut pas mettre inherit. Ca fait des doublons de fonds assez innatendu.

par ex si j'ai un backgound-image dans un div parent et que je met background:inherit, dans un conteneur enfant, il me remet le background-image du parent dans l'enfant

Ceci dit une propiété qui peut avoir des utilités et des appliacations assez innatendues...

background-color:inherit;

C'est mieux. Plus restrictif.
Modifié par Damonya (11 Sep 2006 - 23:58)

Bonjour,

Si ça intéresse encore certains, j'ai trouvé la solution pour résoudre définitivement ce "problème" :

Le erreurs :

	background-color: transparent;

Ou

	color: #123456;

Maintenant, pour que ça fonctionne, c'est simple comme bonjour ! Il suffit de cumuler les deux valeurs ! :

	background-color: transparent;
	color: #123456;

COLOR correspond à la couleur du TEXTE et BACKGROUND-COLOR à la couleur de fond.
Donc si l'une de ces deux valeurs est abscente, ça génère cette "erreur".

Voilà !

ThiWeb

P.S. : Valide CSS 3 !

Je confirme, en CSS 3 ça passe, en CSS 2 ça casse.
Vive le CSS 3 !