tableau html pas conforme

**jacqueline21** · 13/06/2010, 15h58

Bonjour,
Je me suis lancée dans la construction de tableaux avec le html, mais je ne comprends pas pourquoi les 4 tableaux ne sont pas identiques : différences de largeurs de colonnes par ex. et sur mon blog ils sont tout petits alors que je les ai faits assez grands (http://accueildeloisirs-leschtisluti....blog4ever.com) et sur le blog pratiquement rien n'est centré !
article "tableau essai" Voici ma saisie, si vous pouvez me dire ce qui cloche ??
<b><br>- Accueil journée avec repas :</b><br><br><table border="1"></table><table eight="400" border="1" cellpadding="30" width="700"><tbody><tr><td align="center"><b>Tarif A</b></td><td align="center"><b>Tarif B</b></td><td><b>Tarif C</b></td><td align="center"><b>Tarif D</b></td><td align="center"><b>Tarif E</b></td></tr><tr><td align="center"><b>11,00 €  <br></b></td><td align="center"><b>12,00 €</b></td><td><b>13,00 €</b></td><td><b>14,00 €</b></td><td align="center"><b>15,00 €</b></td></tr></tbody></table><br><br><b> - Accueil journée sans repas : </b><br><br><table border="1"></table><table eight="400" border="1" cellpadding="30" width="700"><tbody><tr><td align="center"><b>Tarif A</b></td><td align="center"><b>Tarif B</b></td><td><b>Tarif C</b></td><td align="center"><b>Tarif D</b></td><td align="center"><b>Tarif E</b></td></tr><tr><td align="center"><b>8,00 €</b></td><td align="center"><b>9,00 €</b></td><td><b>10,00 €</b></td><td><b>11,00 €</b></td><td align="center"><b>12,00 €</b></td></tr> </tbody></table><br><br><b> - Accueil demi-journée avec repas :</b><br><br><table border="1"></table><table eight="400" border="1" cellpadding="30" width="700"><tbody><tr><td align="center"><b>Tarif A</b></td><td align="center"><b>Tarif B</b></td><td><b>Tarif C</b></td><td align="center"><b>Tarif D</b></td><td align="center"><b>Tarif E</b></td></tr><tr><td align="center"><b>9,00 €</b></td><td align="center"><b>9,50 €</b></td><td><b>10,50 €</b></td><td><b>10,50 €</b></td><td align="center"><b>11,00 €</b></td></tr> </tbody></table><br><br><b> - Accueil demi-journée sans repas :</b><br><br><table border="1"></table><table eight="400" border="1" cellpadding="30" width="700"><tbody><tr><td align="center"><b>Tarif A</b></td><td align="center"><b>Tarif B</b></td><td><b>Tarif C</b></td><td align="center"><b>Tarif D</b></td><td align="center"><b>Tarif E</b></td></tr><tr><td align="center"><b>5,00 €</b></td><td align="center"><b>5,50 €</b></td><td><b>6,00 €</b></td><td><b>6,50 €</b></td><td align="center"><b>7,00 €</b></td></tr> </tbody></table><br><br>

Merci beaucoup d'avance.

**Eric2a** · 13/06/2010, 17h03

Salut,

Après éclaircissement du code et le remplacement de eight par height, puis le placement du tableaux dans une balise <div>...

Ca devrait mieux passé ?

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<div style="text-align:center">
 
<b><br>- Accueil journée avec repas :</b><br><br>
<table height="400" border="1" cellpadding="30" width="700">
	<tbody>
		<tr>
			<td align="center"><b>Tarif A</b></td>
			<td align="center"><b>Tarif B</b></td>
			<td><b>Tarif C</b></td>
			<td align="center"><b>Tarif D</b></td>
			<td align="center"><b>Tarif E</b></td>
		</tr>
		<tr>
			<td align="center"><b>11,00 €&nbsp; <br></b></td>
			<td align="center"><b>12,00 €</b></td>
			<td><b>13,00 €</b></td>
			<td><b>14,00 €</b></td>
			<td align="center"><b>15,00 €</b></td>
		</tr>
	</tbody>
</table>
<br><br><b> - Accueil journée sans repas : </b><br><br>
<table height="400" border="1" cellpadding="30" width="700">
	<tbody>
		<tr>
			<td align="center"><b>Tarif A</b></td>
			<td align="center"><b>Tarif B</b></td>
			<td><b>Tarif C</b></td>
			<td align="center"><b>Tarif D</b></td>
			<td align="center"><b>Tarif E</b></td>
		</tr>
		<tr>
			<td align="center"><b>8,00 €</b></td>
			<td align="center"><b>9,00 €</b></td>
			<td><b>10,00 €</b></td>
			<td><b>11,00 €</b></td>
			<td align="center"><b>12,00 €</b></td>
		</tr>
	</tbody>
</table>
<br><br><b> - Accueil demi-journée avec repas :</b><br><br>
<table height="400" border="1" cellpadding="30" width="700">
	<tbody>
		<tr>
			<td align="center"><b>Tarif A</b></td>
			<td align="center"><b>Tarif B</b></td>
			<td><b>Tarif C</b></td>
			<td align="center"><b>Tarif D</b></td>
			<td align="center"><b>Tarif E</b></td>
		</tr>
		<tr>
			<td align="center"><b>9,00 €</b></td>
			<td align="center"><b>9,50 €</b></td>
			<td><b>10,50 €</b></td>
			<td><b>10,50 €</b></td>
			<td align="center"><b>11,00 €</b></td>
		</tr>
	</tbody>
</table>
<br><br><b> - Accueil demi-journée sans repas :</b><br><br>
<table height="400" border="1" cellpadding="30" width="700">
	<tbody>
		<tr>
			<td align="center"><b>Tarif A</b></td>
			<td align="center"><b>Tarif B</b></td>
			<td><b>Tarif C</b></td>
			<td align="center"><b>Tarif D</b></td>
			<td align="center"><b>Tarif E</b></td>
		</tr>
		<tr>
			<td align="center"><b>5,00 €</b></td>
			<td align="center"><b>5,50 €</b></td>
			<td><b>6,00 €</b></td>
			<td><b>6,50 €</b></td>
			<td align="center"><b>7,00 €</b></td>
		</tr>
	</tbody>
</table>
 
</div>

**jacqueline21** · 13/06/2010, 17h44

Bonjour ,

Merci beaucoup pour ton aide.

Je vais copier ton code dans mon blog et voir ce que ça donne.
Je débute et j'ai pris un cours sur internet pour construire un tableau, mais il n'y était pas mentionné de <div>, à quoi ça sert ? et &nbsp ? et comment arrives-tu à mettre différentes couleurs et mettre des lignes ?

Quant à eight au lieu de height là c'est moi qui me suis trompée.
Excuse-moi de te solliciter encore mais ce n'est pas facile.

Encore merci

**jacqueline21** · 13/06/2010, 17h51

re-bonjour,
j'ai copié ton code sur mon blog, et c'est impeccable

par contre, pour le coup les cellules du tableau sont trop hautes, puis-je modifier "height" ?
et ce qui me désole, c'est que ton beau code est de nouveau tout en noir et en vrac

est-ce normal ?
Merci pour ton écoute.

**Eric2a** · 13/06/2010, 17h56

Il faut placer le code HTML entre les balises code et /code ou sélectionner le code et cliquer sur '#' de l'éditeur de texte du forum.

Ainsi, la différence de couleur (ou coloration synthaxique) est gérée automatiquement...

div est un élément déstiné à regrouper d'autres éléments (en l'occurence les tableaux).

  est une "entitée HTML"... Il represente un espace (Non Break SPace)

**Eric2a** · 13/06/2010, 18h00

Envoyé par jacqueline21

les cellules du tableau sont trop hautes, puis-je modifier "height" ?

Absolument...

Envoyé par jacqueline21

ton beau code est de nouveau tout en noir et en vrac

est-ce normal ?

C'est ton code... Je n'ai fait que l'aérer

Sinon oui c'est normal s'il n'y a pas de coloration synthaxique...

Tant que ça fonctionne ;-)

**jacqueline21** · 13/06/2010, 18h13

j'ai trouvé pour mettre le code en cliquant sur #, mais si sur mon blog je mets <code> puis mon tableau et à la fin je mets </code> est-ce que ça va marcher ? ou il faut

Code :

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

  tableau

??
quelle idée de me lancer dans un truc pareil à mon âge

**Eric2a** · 13/06/2010, 18h21

Non... J'aurais dû développer plus sur ce sujet. Mea culpa

Il faut laisser ton code HTML tel quel sur le blog...

Les balises code (entre crochets) sont uniquement destinées pour le forum (couleur, taille, ...).