Petit soucis avec les selecteur ID et class

coucou tout le monde

voila mon code

<div id="news">
   <p> 
      <!-- ici : reservé au new -->
      site en construction 
   </p>
      <img src='traveau.gif' class='avancement'/>
      <div class='securite'>
      <p class='mise_a_jour'><h6>07/11/2010</h6><br />
      -installation d'un firewall <br />
      -installation du nom de domaine <br />
      </p>
      
      </div>
    </div>

#news .securite
         {
         position:absolute;
         width:342px;
         height:98px;         
         border:1px solid black;
         }
         
         #news .securite  p.mise_a_jour
         {
         color:red;
         }

ce que j'aimerai faire ,c'est mettre en rouge tout ce qui est dans la balise class='mise_a_jour' mais je n'y arrive pas

Salur vodkline,

<p> c'est pour faire un paragraphe. <h> c'est pour le titre. Il faut donc que tu mettes ta balise <h6> au dessus de ton paragraphe et non pas à l'intérieur.

Salut,

D'un point de vue sémantique, le post de dessus dit juste. Ta méthode n'est pas valide, un titre vient avant le paragraphe et non dedans !
Autre point à corriger, ton image ne comporte pas d'attribut "alternatif" (alt). Il en faut un J'adore l'écriture du mot travaux que tu emploies également
Ceci étant... ce n'est pas ton problème ! Pour ton souci, je ferai ça à ta place (j'ai ajouté l'attribut alt dans ton image, tu devrais faire de même) :

<div id="news"> 
   <p>  
      <!-- ici : reservé au new --> 
      site en construction  
   </p> 
   <img src='traveau.gif' class='avancement' alt="travaux"/> 
   <div class='securite'> 
      <div class='mise_a_jour'>
         <h6>07/11/2010</h6>
         <p>
            -installation d'un firewall <br /> 
            -installation du nom de domaine
         </p> 
      </div> 
   </div> 
</div>

Et ton css deviendrait :

#news .securite   { 
         position:absolute; 
         width:342px; 
         height:98px;          
         border:1px solid black; 
} 
          
#news .securite .mise_a_jour   { 
         color:red; 
}

Voilà qui devrait fonctionner.
A plus

Puisqu'on en est à l'analyse sémantique de ce code, je pense également qu'il serait mieux de faire ceci :

<h6>07/11/2010</h6> 
<ul class='mise_a_jour'>
    <li> - installation d'un firewall</li>
    <li> - installation du nom de domaine</li>
</ul>

Puisqu'il s'agit d'une liste à puce, autant utiliser les balises prévues à cet effet (ul li).

Par ailleurs, une date est-elle un titre ? Ne faudrait-il pas plutôt utiliser un span ou un p ?