Placer un tableau sous un autre tableau

**tbeghain** · 12/10/2017, 14h10

Bonjour,
Je débute en HTML.
J'aimerais formater un document par HTML. Ce document comporte 2 tableaux qui se suivent. Lorsque je tape les ordres html des 2 tableaux les uns après les autres, à l'exécution dans mon browser, le second tableau se retrouve à côté du premier, et pas en dessous . J'ai bien rajouté une balise <br> entre chaque tableau, ça décale d'une ligne, pas de problème, mais pour avoir le second tableau sous le premier, il faut que je tape autant de balises <BR> qu'il y a de lignes du premier tableau.
J'ai essayé avec la balise

Code :

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

 <BR CLEAR=""all"">

, mais ça ne marche pas mieux.
voilà le code en entier :

Code :

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

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
26
27
28
29
30
31
32
33
 
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
	<table border="1" align="left">
			<tr>
				<td><FONT size=5 face="Times New Roman">Nom de l'application</FONT></td> 
				<td><FONT size=5 face="Times New Roman">brossage du siege </FONT></td> 
			</tr>
			<tr>
				<td><FONT size=5 face="Times New Roman">Code application</FONT></td> 
				<td><FONT size=5 face="Times New Roman">GP</FONT></td> 
			</tr>
	</table>
	<!-- <BR CLEAR=""all""> -->
	<!-- <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> -->
	<p><FONT size=5 face="Times New Roman">second tableau </FONT></p>
	<table border="2" align="left"> 
		<tr> 
			<th>entete1</th>
			<th>entete2</th>
		</tr>
		<tr> 
			<td>Z1</td> 
			<td>adbedfg, gfhhhghh, rettrggd, errrr ,eerererr, ererrerr,e reere, Cellule 2 de la ligne 2</td> 
		</tr>
	</table>
  </body>
</html>

et voici comment ça apparait
Nom : tableaux.jpg
Affichages : 659
Taille : 37,1 Ko

Merci pour vos suggestions

**Vil'Coyote** · 12/10/2017, 17h23

le positionnement et l'alignement se gère par les div

Code :

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

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<style tyle="text/css">
.info-num
{
width:250px;
float:left;
}
 
.numero
{
width:250px;
}
</style>
  </head>
  <body>
	<div class="info-num" >
	<table border="1" align="left">
			<tr>
				<td><FONT size=5 face="Times New Roman">Nom de l'application</FONT></td> 
				<td><FONT size=5 face="Times New Roman">brossage du siege </FONT></td> 
			</tr>
			<tr>
				<td><FONT size=5 face="Times New Roman">Code application</FONT></td> 
				<td><FONT size=5 face="Times New Roman">GP</FONT></td> 
			</tr>
	</table>
	</div>
	<!-- <BR CLEAR=""all""> -->
	<!-- <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> -->
	<div class="numero">
	<p><FONT size=5 face="Times New Roman">second tableau </FONT></p>
 
	<table border="2" align="left"> 
		<tr> 
			<th>entete1</th>
			<th>entete2</th>
		</tr>
		<tr> 
			<td>Z1</td> 
			<td>adbedfg, gfhhhghh, rettrggd, errrr ,eerererr, ererrerr,e reere, Cellule 2 de la ligne 2</td> 
		</tr>
	</table>
	</div>
  </body>
</html>

Invité · 12/10/2017, 17h45

Bonjour,

Les tableaux (XHTML & CSS)

**NoSmoking** · 12/10/2017, 19h04

Bonjour,

le second tableau se retrouve à côté du premier, et pas en dessous .

c'est ce que tu demandes en écrivant <table border="1" align="left">, le align="left" fait que ta <table> passe en float:left.

Nota : quelle horreur actuellement de mettre tous les styles dans les balises surtout avec un <!DOCTYPE html>.

Placer un tableau sous un autre tableau

HTML

Discussions similaires

Partager

Partager