gilloux a écrit :
bonjour,
voila je souhaite faire un tableau qui ressemble à ça , sachant qu'il sera construit à partir d'une base de donnée et qu'il sera consultable sur une page web :
http://membres.lycos.fr/gilwww/planning_temp.gif
j'ai bien pensé le créer en HTML (<table> ) mais je m'interroge sur d'autres méthodes qui pourraient exister...
je trouve pas grand chose, et suis ouvert à toutes propositions et idées.
merci d'avance
|
Ca doit être possible.
Bon déjà il faut faire le cadre général. Ca c'est pas dur, il faut juste veiller à ce que la largeur des colonnes (mois) soit fixe car elle va servir d'unité ( x pixels correspondent à 1 jour).
Ensuite pour placer les barres rouges, on peut utiliser le positionnement absolu. Par exemple :
div.duree {
position: absolute;
background-color: red;
height: 20px;
} |
Il faut que les élements qui vont contenir ce DIV soient eux-même positionnés :
table, tr, td {
position: relative;
} |
Ensuite on met les coordonnées de la barre rouge dans un attribut style. Exemple de ligne :
<tr>
<th>Blabla1</th>
<td><div class="duree" style="top: 10px; left: 30px; width: 150px"></div></td>
</td> </td>
</td> </td>
</td> </td>
</tr> |
Ca devrait marcher avec IE 6 et Mozilla.
Voir la FAQ pour ces histoires de positionnement.
Message édité par gm_superstar le 24-02-2003 à 16:32:41
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog