Problème de couleur avec mes css

**thoughtless** · 12/08/2009, 23h07

Bjr, je vis un problème bizzare, j'ai une page web qui fait référence à une feuille de style.

Dans ma feuille de style, j'ai un élément me permettant de modifier la couleur

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.en-tete-interaction {
	color: #FF0000;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}

Voici l'appel de ma feuille de style dans une page de test:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page de test</title>
 
<link href="interactons.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<font  class="en-tete-interaction">Voici mon texte avec css</font>
<p>
<font  color="#FF0000">Voici mon texte sans css</font>
</body>
</html>

Comme résultat à l'affichage, le texte avec le style est en bleu alors ke dans ma feuille de style j'ai choisi "rouge".
Le texte dans la balise font lui reste bel et bien rouge. Je ne comprend pas pourquoi le texte avec la css ne s'affiche pas dans la couleur choisie.

C'est génant car je dois travailler un design pour une appli web. j'aimerai trouver de l'aide auprès de la communauté.

Merci

**Doki95** · 13/08/2009, 09h41

J'ai essayer sous ie et sous ff3.0 et le texte est bien en rouge.

**thoughtless** · 13/08/2009, 10h57

Moi j'ai Firefox 3.5.1 et I.E. 6.0.2009.2180

Je vais essayer avec firefox 3.0

Stp quelle est ta version d'IE

**HiRoN** · 13/08/2009, 11h02

Bonjour,

Le mieux pour faire le test serait :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p class="en-tete-interaction">Voici mon texte avec css</p>
<p style="color:#FF0000;">Voici mon texte sans css</p>

La balise font n'étant plus vraiment d'actualité, autant utilisé un <p> (paragraphe), voir un span (si tu tiens à utiliser une balise dépourvu de sens sémantiquement parlant).
Les textes auront donc normalement la même couleur (le 1er via le CSS, le 2ème via le style en ligne).

**thoughtless** · 13/08/2009, 11h48

Merci, pour l'info, je mettrai en pratique.

Mais à l'affichage j'ai le même résultat non souhaité.

**HiRoN** · 13/08/2009, 11h54

Envoyé par thoughtless

Merci, pour l'info, je mettrai en pratique.
Mais à l'affichage j'ai le même résultat non souhaité.

Pour ma part, à l'affichage, j'ai les 2 textes en rouge dont le 1er en gras (via le CSS).

Quel est le résultat souhaité ?
As-tu bien laissé le CSS ?

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.en-tete-interaction {
	color: #FF0000;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}

Problème de couleur avec mes css

CSS

Vue hybride

Discussions similaires

Partager

Partager