Mettre une couleur de fond sur un texte

Bonjour,

Je suis en train d'apprendre le css et je modifie petit à petit mon site en appliquant ce que j'apprend.

Je souhaite mettre une couleur de fond sur certains textes...

J'ai donc pensé que cela fonctionnerait en utilisant:

div.centragefond {
text-align: center;
background-color: #044A74;
}

Mais cela ne fonctionne pas apparemment, comme vous pouvez le voir ici: http://www.voilou.fr/jeux-concours-gagner-argent.php (en bas de page ou il y a le systeme de pagination)
Alors que la, sans les css, cela affiche bien le fond derriere le systeme de pagination: http://www.voilou.fr/jeux-concours-gagner-voiture.php

Merci de m'éclaircir.
Bonne journée

Bonjour,

A première vue, sur FF, le rendu est identique sur les deux pages.
Aurais-tu une capture d'écran du problème rencontré ?

Bonjour,

C'est normal car j'ai supprimé le css et utilisé la couleur de fond sans css.

Pour un exemple concret, j'ai créé une page spéciale: http://www.voilou.fr/testcss.php

edit: J'ai trouvé l'erreur...En fait je suis nul, j'ai mis la meme couleur que le fond, je me suis gouré...lol...

Merci tout de meme!
Modifié par joboy84 (06 Oct 2008 - 14:45)

Bonjour,

Ça marche très bien avec les CSS. Le navigateur affiche la couleur de fond que tu demandes en CSS... qui est la couleur de fond du conteneur.

Version HTML, tu as:

<td width="530" bordercolor="#044A74" bgcolor="#[#blue]025384[/#]">

Et pour l'essai avec CSS, tu as:

div.centragefond {
	background-color: #[#red]044A74[/#];
}

En passant, l'utilisation de Firebug t'aurait permis de déceler l'erreur par toi-même.

Hello,

Firebug? Je vais le chercher sur Google de suite!

Effectivement c'était dû au code couleur, mais je l'avais déjà noté dans mon post précédent...à moins que nos post se soient croisés!

J'ai un dernier petit problème...J'ai réussi à supprimer le tableau entier qui servais à la mise en forme du système de pagination et des bannières.

Voici le CSS que j'utilise:

div.centragefond {
text-align: center;
background-color: #025384;
width: 530px;
}

Maintenant, j'aurai aimé supprimer ces tableaux pour afficher le tout avec des css...mais je n'y arrive pas car le tableau contient 2 colonnes...:

<table width="534" height="31" border="0">
<tr>
<td width="410" height="25" bordercolor="#044A74" bgcolor="#025384">Jeu concours</td>
<td width="107" bordercolor="#044A74" bgcolor="#025384">
<div class="centrage">Date</div>
</td>
</tr>
</table>

<table width="534" border="0">
<tr>
<td width="155" height="83" bordercolor="#044A74" bgcolor="#025384">Lots mis en jeu : </td>
<td width="354" bordercolor="#044A74" bgcolor="#025384">
<font color=yellow><b><u>Réponses:</u></b></font>
</td>
</tr>
</table>

J'avais fait pour le second tableau:

div.fondlots {
background-color: #025384;
width: 354px;
}
div.fondlots2 {
background-color: #025384;
width: 155px;
}

Mais cela a tout affiché n'importe comment...

Merci
Modifié par joboy84 (06 Oct 2008 - 16:24)

joboy84 a écrit :
div.centragefond {
text-align: center;
background-color: #025384;
width: 530px;
}

Et pourquoi pas un petit paragraphe plutôt ?

Il est ou le tuto pour les paragraphes?

Tu veux dire en mettant

p.fondcentre {
text-align: center;
background-color: #025384;
width: 530px;
}

J'ai abandonné, je reste avec mon systeme de tableaux
Modifié par joboy84 (06 Oct 2008 - 19:24)