Placer un tableau sous un autre tableau

Version imprimable

2 pièce(s) jointe(s)

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:

<BR CLEAR=""all"">

, mais ça ne marche pas mieux.
voilà le code en entier :
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 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>   <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
Pièce jointe 318907
Merci pour vos suggestions

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

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
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>

12/10/2017, 17h45
Invité
Bonjour,
- Les tableaux (XHTML & CSS)
12/10/2017, 19h04
NoSmoking

Bonjour,

Citation:

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>.