CSS - comment fixer différents width pour des cellules d'un tableau
Salut a tou(te)s !
je suis en train de faire une page php affichant les données d'un tableau de gestion de projet.
Sur cette page je définit un tableau html similaire à un diagramme de Gantt.
ex:
projet A : de 01/01/2005 à 01/02/2005
va être représenté par un tableau qui aura en titre de ligne "projet A" et en titre de colonne les dates du 01/01 au 01/02 avec un pas de 7 jours.
Jusque là pas de problème, mais après je veux définir un style propre aux <td> de titre de colonnes et de lignes avec une css, et ca ne fait pas exactement ce que je veux, c'est-à-dire que dans l'example ci-dessous : les attributs de style sont tous pris en compte sauf width, pourquoi?
CSS
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
40
41
42
43
44
|
.titre_ligne{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background:#989DA5;
border:1px solid #FFFFFF;
width: 500px;
height:40px;
}
.titre_colonne{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background:#989DA5;
border:1px solid #FFFFFF;
}
.coin_tableau{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background:#989DA5;
border:1px solid #FFFFFF;
}
.cellule_libre{
font-size:12px;
font-weight:normal;
color:#000000;
background:#FFFFFF;
border:0px solid #FFFFFF;
}
.cellule_occupe{
font-size:12px;
font-weight:normal;
color:#000000;
background: #0080C0;
border:0px solid #0080C0;
} |
page php
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
40
41
42
43
44
45
46
47
|
echo '<table id="tableau_general">';
//afficher les fourchettes de temps
echo '<tr>
<td class="coin_tableau"> </td>';
for ($i=0;$i<count($fourchettes);$i++)
{
$temp=date('d/m/Y',$fourchettes[$i]);
echo '<td title="Semaine du '.$temp.'" class="titre_colonne">';
echo $temp;
echo '</td>';
}
echo '</tr>';
//afficher le contenu de $tab_gantt
reset($tab_gantt);
while ($row=next($tab_gantt))
{
echo '<tr>';
echo '<td class="titre_ligne">'.$tab_nom_projet[$k].'</td>';
foreach ($row as $key=>$elem)
{
if ($elem=='occupe')
{
echo '<td class="cellule_occupe">';
echo ' ';
echo '</td>';
}
else
{
echo '<td class="cellule_libre">';
echo ' ';
echo '</td>';
}
}
echo '</tr>';
//incrementation de l'index sur $tab_nom_projet
$k++;
}
echo '</table>'; |
Alors, comment puis-je faire pour appliquer une taille fixe à ma premiére colonne du tableau qui affiche le nom du projet?
