Configurer une page type

25 mai 2008, 01:33

Bonjour,

Je suis à la recherche d'un exemple de page avec styles qui permettent :
mettre le texte de la page en bleu par exemple
mais surtout,
mettre les lien hypertexte en rouge par exemple.

J'ai fait ceci mais ca ne marche pas :

Code : Tout sélectionner

<style type="text/css">
.TEXTE {width:485px;FONT-SIZE: 10pt; COLOR: red; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-VARIANT: normal; TEXT-DECORATION: none;}
a.TEXTE {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: red; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-VARIANT: normal; TEXT-DECORATION: none;}
a.TEXTE:hover {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: green; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-VARIANT: normal; TEXT-DECORATION: none;}
</style>

<table class="TEXTE">
<tr class="TEXTE">
	<td class="TEXTE">
	TEST pour voir si <a href="">ça marche</a>
	</td>
</tr>
</table>

25 mai 2008, 01:55

Bonsoir,

Pour ton information, le "ça ne marche pas" est à bannir quand on explique un problème sur un forum. Il faut être précis et donner des détails sur ce que tu voudrais obtenir et ce que tu obtiens à la place.

Aussi, si tu fais du CSS, tu te faciliteras beaucoup la vie à éviter les tableaux pour la mise en page. Les tableaux HTML posent des problèmes particuliers, en particulier quand la page HTML n'est pas valide (ce qui semble être le cas de la tienne).

Voici l'exemple demandé, dans une page valide :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <style type="text/css">
body{color:blue;}

a{color:red;}
  </style>
 </head>

 <body>
 <p>
  Voici du texte (dans un paragraphe).
  </p>
 Encore du texte (cette fois en dehors du paragraphe).
  <a href="#">Et voici un lien.</a>
 </body>
</html>

Enfin, les CSS (et d'une manière générale, toutes les pages web) fonctionnent mieux sur du code html valide, il ne faut donc pas hésiter à utiliser Le validateur html du w3c.

25 mai 2008, 10:46

Modération :
wesley snipes, afin d'améliorer la lisibilité de ton message,
pense à utiliser les balises [code] ou [php] (selon le langage utilisé).

Elles sont disponibles au-dessus de la zone de saisie de ton message
lorsque tu postes un nouveau message.

Des indications sont disponibles sur la manière de mettre en forme vos messages dans la FAQ

Configurer une page type

Qui est en ligne