Modifier le style d'un tableau

Version imprimable

Bonjour ,
j'affiche mon tableau avec le code suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 echo '<table bgcolor="#FFFFFF">'."\n";
 
        // première ligne on affiche les titres prénom et surnom dans 2 colonnes
 
        echo '<tr>';
 
        echo '<td bgcolor="#669999"><b><u>code_wo</u></b></td>';
        echo '<td bgcolor="#669999"><b><u>nom_wo</u></b></td>';
		echo '<td bgcolor="#669999"><b><u>état</u></b></td>';
		echo '<td bgcolor="#669999"><b><u>date de création</u></b></td>';
		echo '<td bgcolor="#669999"><b><u>date de dernière action</u></b></td>';
		echo '<td bgcolor="#669999"><b><u>utilisateur</u></b></td>';
		echo '<td bgcolor="#669999"><b><u>groupe</u></b></td>';
 
        echo '</tr>'."\n";
 
    // lecture et affichage des résultats sur 2 colonnes    
$reqname='';
 
    while($row = mysql_fetch_array($result)) {
 
 
        echo '<tr>';
 
        echo '<td bgcolor="#CCCCCC">'.$row['code'].'</td>';
        echo '<td bgcolor="#CCCCCC"><a href="nom.php?reqname='.$row['nom_wo'].'"> '.$row['nom_wo'].'</a></td>';
		 echo '<td bgcolor="#CCCCCC">'.$row['état'].'</td>';
		  echo '<td bgcolor="#CCCCCC">'.$row['date_de_création'].'</td>';
		   echo '<td bgcolor="#CCCCCC">'.$row['date_de_dernière_action'].'</td>';
		    echo '<td bgcolor="#CCCCCC">'.$row['utilisateur'].'</td>';
			 echo '<td bgcolor="#CCCCCC">'.$row['groupe'].'</td>';
 
 
        echo '</tr>'."\n";
 
    }
 
    echo '</table>'."\n";

je veux modifier le style du tableau avec ce code là http://www.ad-plus.de/table/visual4tab.css
mais je c pas où l'insérer :(

09/08/2011, 10h19
m4riachi

Tu dois appeler ton fichier css au début de ta page.
09/08/2011, 10h21
sirina88

et est-ce que je dois l'appeler à l'intérieur de la balise :

Code:

echo '<table bgcolor="#FFFFFF">'."\n";
09/08/2011, 10h29
m4riachi

Tu dois appeler le css entre la balise HEAD avec

Code:

<link rel="stylesheet" type="text/css" href="Chemin_de_votre_css" />

et le style sera appliquer automatiquement sur la table.
09/08/2011, 10h45
sirina88

le tableau s'affiche bien mais les noms de colonnes ne s'affichent pas, et le tableau est collé à gauche !
je c pa pourquoi mais ça ne ressemble pas au design prévu :(
09/08/2011, 11h05
m4riachi

1 pièce(s) jointe(s)

J'ai vérifier ton exemple les nom de colonne s'affiche en orange.

oui sauf que moi j'ai modifié le script comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 echo '<table >'."\n";
 
        // première ligne on affiche les titres prénom et surnom dans 2 colonnes
echo '<thead>';
        echo '<tr>';
 
        echo '<th >code_wo</th>';
        echo '<th >nom_wo</th>';
		echo '<th >état</th>';
		echo '<th>date de création</th>';
		echo '<th >date de dernière action</th>';
		echo '<th >utilisateur</th>';
		echo '<th >groupe</th>';
 
        echo '</tr>'."\n";
     echo  '</thead>'; 
    // lecture et affichage des résultats sur 2 colonnes    
$reqname='';
 
    while($row = mysql_fetch_array($result)) {
echo '<tbody> ';
 
        echo '<tr>';
 
        echo '<td >'.$row['code'].'</td>';
        echo '<td ><a href="nom.php?reqname='.$row['nom_wo'].'"> '.$row['nom_wo'].'</a></td>';
		 echo '<td >'.$row['état'].'</td>';
		  echo '<td >'.$row['date_de_création'].'</td>';
		   echo '<td >'.$row['date_de_dernière_action'].'</td>';
		    echo '<td >'.$row['utilisateur'].'</td>';
			 echo '<td >'.$row['groupe'].'</td>';
 
 
        echo '</tr>'."\n";
echo '</tbody> ';
    }
 
    echo '</table>'."\n";