{css] ne s'applique pas

Résolu
Bonjour,

question basique dont je pensais connaitre la réponse, mais ça ne fonctionne pas

j'ai un CSS

.PetitTextBloc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
?PetitTexteBloc a:link {
color: #FFFFFF;
text-decoration:none;
}
.PetitTexteBloc a:visited {
color: #FFFFFF;
text-decoration:none;
}
.PetitTexteBloc a:hover {
	color: #CCCCCC;
	text-decoration:underline;
}
.PetitTexteBloc a:active {
color: #FFFFFF;
text-decoration:none;
}


implémenté de la manière suivante. (extrait de code )

<td valign="top" bgcolor="#A5B4C0" ><span class="PetitTextBloc" title="article sur le changement de domaine"><a href="changement.php" target="new">- Changement de domaine</a></span><br />
        - Gestion de backups</td>
Configuration: Windows XP / Safari 532.8

6 réponses

  1. bonjour,

    corriger déjà cette ligne
    ?PetitTexteBloc a:link {

    pas ? mais .

    une erreur et le css peut ne pas être bien considéré.
    0
    1. Salut,
      je vois une erreur :
      ?PetitTexteBloc a:link {
      color: #FFFFFF;
      text-decoration:none;
      }

      Le point d'interrogation n'a rien à faire là.
      Sinon, je ne vois rien d'autre.
      0
      1. oui j'avais déjà corrigé cette faute.. mais ça ne change rien..
        0
        1. bonjour,

          je ne sais pas ce qui se passe dans votre code mais celui ci après fonctionne.

          <html>
          <style>
          .liens {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          /*font-size: 0.9em;*/
          list-style-type:none;
          text-decoration: none;
          color:#FFFFFF;
          }
          .liens a:link {
          /*font-size: 0.9em;*/
          text-decoration: none;
          list-style-type:none;
          color:#FFFFFF;
          }
          .liens a:visited {
          /*font-size: 0.9em;*/
          text-decoration: none;
          list-style-type:none;
          color:#FFFFFF;
          }
          /**********************************************/
          .liens a:hover {
          /*font-size: 0.9em;*/
          text-decoration: none;
          list-style-type:none;
          color:#CCCCCC;
          }
          /*************************************/
          .liens a:active {
          /*font-size: 0.9em;*/
          text-decoration: none;
          list-style-type:none;
          color:#FFFFFF;
          }
          </style>

          implémenté de la manière suivante. (extrait de code )

          <table><tr>
          <td valign="top" bgcolor="#A5B4C0"><span class="liens">
          <a href="changement.php" target="new" >
          <!--<span title="article sur le changement de domaine">-->
          <a href="changement.php" target="new" id="lecss">- Changement de domaine</a></span><br />
          - Gestion de backups</td>
          </tr></table>
          </html>
          0
          1. bon j'ai trouvé..

            PetitTextBloc pour la classe d'origine et PetitTexteBloc .. c'est sur que ça peut pas fonctionner...

            désolé.
            0