Discussion :

[guidav]

Bonjour

J'ai des données (numériques) à formater avec PHP/CSS/HTML, le problème est que le format peut dépendre de 3 paramètres :
- un paramètre pour le style général (police, taille de police, etc.), défini dans une classe
- un paramètre pour la couleur, le nombre de décimales, le séparateur de milliers..., défini dans le code html avec la balise <font> et avec la fonction number_format de php
- et un troisième paramètre que je dois rajouter : mise en forme conditionnelle, si le nombre est supérieur à 1 (par exemple), le mettre en rouge et gras.

Quelqu'un aurait-il une idée sur la manière d'appliquer cette mise en forme ? Je pensais éventuellement surcharger la classe CSS, mais je ne sais pas comment faire.
Ce que je ne veux pas faire :
- définir une nouvelle classe (ça m'obligerait à doubler toutes mes classes)
- modifier ma fonction ajoutant la balise <font> et number_format()

Merci d'avance.

[Bisûnûrs]

Pour ne pas doubler toutes tes classes, tu en définis une seule qui mets le texte en rouge et gras :

Code :

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

1
2
3
4
.red_bold{
   color:#f00;
   font-weight:bold;
}

Et dans l'appel des classes, tu peux faire comme ça :

Code html :

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

<div class="classe1 red_bold">

[guidav]

Merci, je vais essayer comme ça, en fait c'est ce que j'appelais "surcharger la classe CSS". Je maîtrise assez mal la mise en forme, en fait.

[guidav]

Ca marche, mais seulement partiellement : mes donnés sont bien en gras, mais pas en rouge.
Mes données comportent des liens <a>, j'ai donc retiré l'attribut color des liens, mais aucun changement. Une idée ?

[Bisûnûrs]

Il faut dans ce cas là que tu attribues la couleur dans la balise <a> et pas la balise <div> qui entoure la balise <a>.

[guidav]

D'accord, donc si je comprends bien, il y a un color implicite dans le CSS relatif à la balise <a>, et le fait d'ajouter ce code (par exemple)

Code :

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

1
2
3
4
a:link {
 text-decoration: none;
 color: #000000;
}

ne fait que modifier cet attribut implicite ?
Dans ce cas, il faut que je surcharge la balise <a>, mais ça va être pénible car toutes mes données ne constituent pas des liens.

Merci beaucoup en tout cas.

EDIT : je vais opter pour un surlignement plutôt que pour un changement de couleur, ça va bien me simplifier la vie !