[HTML] Tableau et alignements

Version imprimable

Voilà j'ai un tableau en HTML mais mes deux dernieres cellules ne veulent pas aligner leur contenu en haut, savez-vous pourquoi ?

A la place, le contenu s'aligne au milieu :?

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
        <table>
            <tbody>
                <tr>
                    <td width="50">...</td>
                    <td width="300" colspan="2">...</td>
                    <td>...</td>
                    <td>...</td>
                </tr>
                <tr>
                    <td width="100" colspan="2">...</td>
                    <td align="right" width="250">...</td>
                    <td>...</td>
                    <td>...</td>
                </tr>
                <tr>
                    <td width="350" colspan="3" rowspan=2 height=100>...</td>
                    <td valign="top">...</td>
                    <td valign="top">...</td>
                </tr>
                <tr>
                    <td valign="top">...</td>
                    <td valign="top">...</td>
                </tr>
            </tbody>
        </table>

21/04/2005, 12h25
fred777888999

Ben, il faut que soit tu mettes le meme nombre de tds dans chaque lignes, soit que tu utilises l'attribut collspan pour preciser le nombre de cellules que ton td occupes...
21/04/2005, 12h28
BiM

C'est ce que j'ai fait... et par défaut la valeur du colspan=1 :)

Je ne met pas de colonnes avant car quand un cellule est étalée sur plusieurs lignes, implicitement le navigateur compte les colonnes dejà crées. Les cellules ne peuvent pas se chevaucher...
21/04/2005, 12h55
fred777888999

Oki, desole, j'avais pas fait gaffe au rowspan... Positionne la bordure de ton tableau (attribut border=1) et regarde si c'est tes cellules qui sont mal alignées (ce dont je doutes) ou mal taillées (ce qui est plus probable).
21/04/2005, 18h28
beeboo

Chez moi toutes les cellules s'alignent en haut sauf la grande en bas à gauche mais là c'est normal, tu n'as pas mis d'attribut valign.
22/04/2005, 11h59
Pluch666

pour reprendre l'idée à beeboo :

Code:

style="vertical-align: top;"
22/04/2005, 15h31
BiM

En fait en mettant les bordures, j'ai remarqué que les deux cellules se découpaient de facon égales par rapport à la cellule d'à côté. Les contenus sont bien en haut de chaque cellule. Il faudrait que je fixe la taille des cellules. Bref j'ai résolu mon pb ;)

Merci !!