Tableau HTML : largeur de cellules...

Résolu/Fermé
Signaler
Messages postés
1075
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
7 mars 2018
-
Messages postés
1075
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
7 mars 2018
-
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.

2 réponses

Messages postés
502
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
10 mars 2010
46
"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.

Messages postés
1075
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
7 mars 2018
67
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.
Messages postés
502
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
10 mars 2010
46
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>
Messages postés
1075
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
7 mars 2018
67
Effectivement, c'est très moche ! J'ai finalement fais autrement ; tant pis !

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