Mise en forme avec CSS

Fermé

abbkr Messages postés 10 Date d'inscription vendredi 29 janvier 2010 Statut Membre Dernière intervention 21 février 2011 - 29 mars 2010 à 06:15
Angelneonizz Messages postés 788 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 - 30 mars 2010 à 11:38

bsr,je voudrais faire la mise en forme(par exemple les lignes paires en bleu et les lignes impaires en vert)d'un tableau que me génère une page PHP de ma base de données.
Malheureusement je n'y arrive pas encore.j'ai essayé le code suivant mais sans succès:
Dans la boucle mysql_...() j'ai mis:

$pair = false;

if ($pair)

echo "<tr class=couleur><td>$nom</td>","<td>$prenom</td>","<td>$pays</td></tr>";

else

{ echo"<tr><td>$nom</td>","<td>$prenom</td>","<td>$pays</td><br></tr>";

$pair = !$pair; }

Où couleur est une classe définie dans la balise <TR> et désignant la couleur à appliquer à la ligne

Quelqu'un voudrait-il bien m'aider?Merci!

A voir également:

Mise en forme avec CSS
Mise en forme conditionnelle excel - Guide
Mise en forme tableau word - Guide
Mise a jour chrome - Accueil - Applications & Logiciels
Mise en forme tableau croisé dynamique - Guide
Mise a jour windows 10 - Accueil - Mise à jour

2 réponses

Réponse 1 / 2

Angelneonizz Messages postés 788 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 137
30 mars 2010 à 11:38

Salut, voici se que je fais pour mes pages :

$i = 1;

$i++;
if($i%2){
    $bg = "#666666";
 }else{
       $bg = "#333333";
  }

$i = 1;

doit être en dehors de la boucle.
ensuite tu fais un

<tr bgcolor="<?php echo $bg; ?>">

tu peux l'adapter facilement pour toi.

Réponse 2 / 2

le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 057
29 mars 2010 à 16:20

Salut !

Je vois ceci, au début : <tr class=couleur>

Il faut utiliser : <tr class="couleur"> (avec des "" pour le HTML). Comme le PHP risque de ne pas aimer ça, tu ajoutes des backslash :<tr class=\"couleur\">.

Si ce code là marche, il ne te suffit plus que de rajouter le CSS :

.couleur {
    background-color: #60a0ff;
    }

abbkr
30 mars 2010 à 02:36

bsr hollandais volant.J'ai suivi les conseils que vous m'avez donné (<tr class=\"couleur\"> et .couleur {
background-color: #60a0ff; } ) mais malheureusement mon probleme n'est pas encore resolu.Mes affichages se font toujours sans la mise en forme souhaitée.y aurait-il autre chose que je pourrait essayer?merci

Discussions similaires

Boucle sur la première diapositive d'une présentation

document html

Encadrement d'un Titre intégré au cadre

Mise en forme conditionnelle 2 conditions

Excel supprimer une mise en forme de tableau