Tableau HTML : largeur de cellules...

Résolu/Fermé
eg33 Messages postés 1075 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 - 19 août 2009 à 10:58
eg33 Messages postés 1075 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 - 19 août 2009 à 11:46
Bonjour,

J'essaie de faire mon premier tableau en HTML et je me trouve fasse à une première difficulté : je voudrais que les deux cellules de la dernière ligne (11) fassent 50/50 de largeur (100% étant la largeur des deux titres de la colonne 1 & 2) plutôt que 25/70 (pour les cellules des autres lignes).
Lorsque je met la valeur width="50%" dans la balise <td> de ces deux cellules de la dernière ligne, tout le tableau se retrouve étrangement en 50/50.

Donc, si je comprends bien, je ne peux définir des valeurs de largeur différentes pour des cellules se trouvant dans une même colonne ? Ou j'ai oublié quelque chose...


Voici le code :

<table style="height: 200px;" border="1" width="700">
<thead> <th align="center">TITRE SUR COLONNE 0 - LIGNE 1</th> <th colspan="2" width="100%" align="center">TITRE SUR COLONNE 1 & 2 - LIGNE 1</th> </thead> 
<tbody>
<tr>
<td rowspan="13"><img src="URL" width="300" height="300" />IMAGE SUR TOUTE LA COLONNE 0 À PARTIR DE LA LIGNE 2</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 2</td>
<td width="75%">COLONNE 2 - LIGNE 2</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 3</td>
<td width="75%">COLONNE 2 - LIGNE 3</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 4</td>
<td width="75%">COLONNE 2 - LIGNE 4</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 5</td>
<td width="75%">COLONNE 2 - LIGNE 5</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 6</td>
<td width="75%">COLONNE 2 - LIGNE 6</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 7</td>
<td width="75%">COLONNE 2 - LIGNE 7</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 8</td>
<td width="75%">COLONNE 2 - LIGNE 8</td>
</tr>
<tr align="center">
<td width="25%">COLONNE 1 - LIGNE 9</td>
<td width="75%">COLONNE 2 - LIGNE 9</td>
</tr>
<tr align="center">
<th colspan="2" width="100%">TITRE SUR COLONNE 1 & 2 - LIGNE 10</th>
</tr>
<tr align="center">
*****Juste ci-dessous, je veux que les cellules fassent 50/50 de large (par rapport au titre du dessus).*****
<td width="50%">COLONNE 1 - LIGNE 11</td>
<td width="50%">COLONNE 2 - LIGNE 11</td>
</tr>
</tbody>
</table>



Merci de votre aide.
A voir également:

2 réponses

Ozimandias Messages postés 502 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 10 mars 2010 46
19 août 2009 à 10:59
"Donc, si je comprends bien, je ne peux définir des valeurs de largeur différentes pour des cellules se trouvant dans une même colonne ? Ou j'ai oublié quelque chose... "

Tu as tout compris.

0
eg33 Messages postés 1075 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 66
19 août 2009 à 11:01
Non c'est sérieux ? Je disais ça comme ça !
Je comprends pas vraiment étant donné que j'ai pourtant indiqué la référence 100 de largeur pour ces valeurs : le titre (sur deux colonnes).

Quelqu'un peut-il confirmer ça ?

Il n'est possible de définir une largeur que pour la colonne entière et non pour les cellules qui la constituent.
0
Ozimandias Messages postés 502 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 10 mars 2010 46
19 août 2009 à 11:17
le titre accepte le 100% car c'est une fusion de 2 colonnes.

tu peux faire comme ça... mais c'est pas très beau:

<tr align="center"><td colspan="2">
*****Juste ci-dessous, je veux que les cellules fassent 50/50 de large (par rapport au titre du dessus).*****
<table border="1"><tr><td width="50%">COLONNE 1 - LIGNE 11</td>
<td width="50%">COLONNE 2 - LIGNE 11</td></tr></table>
</td>
</tr>

</tbody>
</table>
0
eg33 Messages postés 1075 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 66
19 août 2009 à 11:46
Effectivement, c'est très moche ! J'ai finalement fais autrement ; tant pis !

Merci quand même, ça pourra peut être me servir !
0