[HTML] Créer un tableau HTML

**pschit** · 07/03/2008, 11h25

Bonjour à tous,
Je débute un peu en HTML et je souhaiterais afficher un tableau dans une des pages de mon site web.
Je voudrais qu'il se présente de la façon suivante :

| | Colonne 1 | Colonne 2
|Ligne 1 : | Bonjour et bienvenue | Liens partenaires
|Ligne 2 : | sur mon site perso qui |
|Ligne 3 : | fonctionne très bien mise à part les tableaux !!!!

En faite j'aimerais écrire un texte qui débuterais de la ligne 1 / cellule 1 puis continurai tout seul ligne 2 colonne 1, puis ligne 3 colonne 1 et ligne 3 colonne 2. J'aurais un texte différent ligne 1 colonne 2.

Comment doit-je faire ? Merci d'avance pour votre aide.

Pschit

**Deallyra** · 07/03/2008, 11h38

bonjour,

Mise en page?

Laisses tomber les table et regarde donc les div

**pythéas** · 07/03/2008, 12h06

Envoyé par pschit

pas trop sûr d'avoir compris
tu veux faire un tableau tout simple? genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table border="1">
<tr><td>Bonjour et bienvenue</td><td>Liens partenaires</td></tr>
<tr><td>sur mon site perso qui</td></tr>
<tr><td>fonctionne très bien mise à part les tableaux !!!!</td></tr>
</table>

ou, pour être sûr d'avoir une présentation homogène pour les cellules vides :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table border="1">
<tr><td>Bonjour et bienvenue</td><td>Liens partenaires</td></tr>
<tr><td>sur mon site perso qui</td><td>&nbsp;</td></tr>
<tr><td>fonctionne très bien mise à part les tableaux !!!!</td><td>&nbsp;</td></tr>
</table>

**Deallyra** · 07/03/2008, 12h13

ù__ù

oui c'est ce qu'il veut mais les tableaux pour mise en page cey le mal

**pschit** · 07/03/2008, 12h56

Envoyé par MimiCracra44

ù__ù

oui c'est ce qu'il veut mais les tableaux pour mise en page cey le mal

Bonjour et merci pour votre aide,

Ce que je voudrais ressemble à ce qu'à mit pythéas mais mon problème s'est en gros j'ai deux texte à écrire et je voudrais que le premier se mette tout à gauche du deuxième et continue en dessous du deuxième car mon premier est toujours plus long que mon deuxième.
Je sais pas si je suis clair ?

**pschit** · 07/03/2008, 12h59

Envoyé par MimiCracra44

ù__ù

oui c'est ce qu'il veut mais les tableaux pour mise en page cey le mal

Envoyé par pythéas

pas trop sûr d'avoir compris
tu veux faire un tableau tout simple? genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table border="1">
<tr><td>Bonjour et bienvenue</td><td>Liens partenaires</td></tr>
<tr><td>sur mon site perso qui</td></tr>
<tr><td>fonctionne très bien mise à part les tableaux !!!!</td></tr>
</table>

ou, pour être sûr d'avoir une présentation homogène pour les cellules vides :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table border="1">
<tr><td>Bonjour et bienvenue</td><td>Liens partenaires</td></tr>
<tr><td>sur mon site perso qui</td><td>&nbsp;</td></tr>
<tr><td>fonctionne très bien mise à part les tableaux !!!!</td><td>&nbsp;</td></tr>
</table>

Bonjour et merci pour votre aide,

Ce que je voudrais ressemble à ce qu'à mit pythéas mais mon problème s'est en gros j'ai deux texte à écrire et je voudrais que le premier se mette tout à gauche du deuxième et continue en dessous du deuxième car mon premier est toujours plus long que mon deuxième.
Je sais pas si je suis clair ?

Ca donnerais quelque chose comme ça (voir image)

**Deallyra** · 07/03/2008, 14h56

u__u
heu...
tu as lu mon lien?

ça correspond a ça non?

Allez hop le cancre ^^ on retourne au boulot

**pythéas** · 07/03/2008, 15h19

Si tu veux faire un truc qui ressemble à ta maquette avec un tableau tu peux même le faire avec un tableau d'une seule ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table>
<colgroup>
<col width="188"/>
<col width="188"/>
</colgroup>
<tr><td valign="top">Bonjour et bienvenu sur mon site perso bla bla bla bla bla bla bla
</td><td valign="top" style="color:Red">Ici se trouve le second texte bla bla bla bla bla bla bla
</td></tr>
</table>

remarque

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table>
<colgroup>
<col width="188" valign="top"/>
<col style="color:Red" width="188" valign="top"/>
</colgroup>
<tr><td>Bonjour et bienvenu sur mon site perso bla bla bla bla bla bla bla
</td><td>Ici se trouve le second texte bla bla bla bla bla bla bla
</td></tr>
</table>

serait mieux mais Firefox a du mal avec la balise col

voilà mais c'est plus pour info qu'autre chose parce que MimiCracra44 a raison il est beaucoup plus propre d'utiliser les div