Largeur des balises <tr>

Version imprimable

1 pièce(s) jointe(s)

J'ai ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table style="width: 450px;" class="table-categorie">
	<tr class="top-title"><td align="center">u13 / u15</td></tr>
	<tr>
	    <td>Hello world</td>
	    <td>Hello world</td>
            <td>Hello world</td>
	</tr>
       <tr class="top-title"><td align="center">u16 / u17</td></tr>
	<tr>
	    <td>Hello world</td>
	    <td>Hello world</td>
            <td>Hello world</td> 
	</tr>
</table>

Je veux l'afficher comme ceci
Pièce jointe 177036

Le problème c'est que la width du premier <tr> diminue lorsque j'ajoute des <td>

Merci de votre aide

Bonjour,

Peut-être :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table style="width: 450px;" class="table-categorie">
	<tr class="top-title"><td colspan="3" align="center">u13 / u15</td></tr>
	<tr>
	    <td>Hello world</td>
	    <td>Hello world</td>
            <td>Hello world</td>
	</tr>
       <tr class="top-title"><td colspan="3"  align="center">u16 / u17</td></tr>
	<tr>
	    <td>Hello world</td>
	    <td>Hello world</td>
            <td>Hello world</td> 
	</tr>
</table>

06/05/2015, 11h32
headmax

Un exemple basé sur ton code + CSS
https://jsfiddle.net/7dq747yj/
06/05/2015, 11h33
Bovino

Le principe de base d'une table HTML, c'est que chaque ligne doit contenir le même nombre de cellules, d'où la réponse de pc75...
06/05/2015, 11h33
MrWazo

Oui c'est exactement ça ! Thanks ;)