tableau non centré quand je modifie mes pages en XHTML

Bonjour,
je suis en train de modifier mes pages en XHTML. Et quand je corrige une erreur, le tableau se décale mais il n'y a plus d'erreurs.

*document type does not allow element "tr" here.

Citation:

<table style="border-collapse: collapse;cellspacing:0 ;cellpadding:0;width:100%; border:0">
<tr>
<td width="100%">
<script language="javascript" type="text/javascript">
document.write(top);
</script></td>
<tr> <td width="100%" style="bgcolor:#2492ff;colspan:5 ;valign;top">
<table style="border-collapse: collapse; bordercolor:#111111 ;cellspacing:0 ;cellpadding:0; width:100%; border:0">
<tr>
<td width="60%" height="24">
<p class="texte" style="margin-left: 5px"><b><font style="color:#ffffff" />
centre de formation à distance soumis au
contrôle pédagogique de l´état</b></p>
</td>
<td width="40%">
<table style="border-collapse: collapse;bordercolor:#111111;
cellspacing:0;cellpadding:0;width:100%;border:0">
<tbody>
<tr>
<td width="100%">
<p class="texte"
style="margin-left: 5px; text-align: right"><b><font style="
color=#ffffff" /><font size="2" />contact : <font style="
color:#ffffff;size:2" />08 203 203 75</b><font style="
color:#ffffff" /> <span style="font-size: 7pt">(numéro
indigo 0.15€/min)
<script type="text/javascript">

</script>

<img width="1" alt="" height="1" src="http://logi7.xiti.com/hit.xiti?s=164629&p=paramédical_social" /></span></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tr>
</table>

je corrige cette erreur en encadrant le tr

Citation:

<table style="border-collapse: collapse;cellspacing:0 ;cellpadding:0;width:100%; border:0">
<tr>
<td width="100%">
<script language="javascript" type="text/javascript">
document.write(top);
</script></td>
<td><table><tr>
<td width="100%" style="bgcolor:#2492ff;colspan:5 ;valign;top">
<table style="border-collapse: collapse; bordercolor:#111111 ;cellspacing:0 ;cellpadding:0; width:100%; border:0">
<tr>
<td width="60%" height="24">
<p class="texte" style="margin-left: 5px"><b><font style="color:#ffffff" />
centre de formation à distance soumis au
contrôle pédagogique de l´état</b></p>
</td>
<td width="40%">
<table style="border-collapse: collapse;bordercolor:#111111;
cellspacing:0;cellpadding:0;width:100%;border:0">
<tbody>
<tr>
<td width="100%">
<p class="texte"
style="margin-left: 5px; text-align: right"><b><font style="
color=#ffffff" /><font size="2" />contact : <font style="
color:#ffffff;size:2" />08 203 203 75</b><font style="
color:#ffffff" /> <span style="font-size: 7pt">(numéro
indigo 0.15€/min)
<script type="text/javascript">

</script>

<img width="1" alt="" height="1" src="http://logi7.xiti.com/hit.xiti?s=164629&p=paramédical_social" /></span></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table></td> </tr>
</table>

Merci.

Euhhh le jeu des 7 erreurs, c'est marrant, mais je t'avoue que dans le code, c'est moins drôle, faudrait montré à quelle ligne se trouve l'erreur....

Mais bon je vais faire un effort et trouver là où tu rajouter un truc...

j'ai montré la ligne, c'est mis en rouge.

:wink: oui je viens de voir :wink:
(C'est dans ce genre de situation que c'est bien plus claire de dissocier le contenant du contenu... ^_^)

Re: tableau non centré quand je modifie mes pages en XHTML

Citation:

Envoyé par Linoa

document type does not allow element "tr" here

C'est normal, tu ne fermes pas la balise <tr> et tu en ouvre une

Tu fais quelque chose du type
Code:

1 2 3 4 5 6 7 8 <table> <tr> <td>...</td> <td>...</td> <tr> <td>...</td> <td>...</td> </table>
Il faut fermer le tr avant d'en ouvrir un autre :wink:

J'ai réussi pour une des pages mais celle-ci j'arrive pas a recentré :

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
51
52
53
54
55
56
57
 
  <tr>
    <td colspan="2">
		<table style="border-collapse: collapse" cellspacing="0" cellpadding="0" width="100%" border="0">
			<tr>
				<td width="100%">
		<script language="javascript" type="text/javascript">
                 document.write(top);
                </script></td></tr>
		<tr>
			    <td width="100%" style="bgcolor=0066cc;colspan=5;valign:top">
			    	<table style="border-collapse: collapse;bordercolor:#111111;cellspacing:0;cellpadding:0; width:100%; border:0">
				        <tr>
			          		<td width="60%" height="24">
			            		<p class="texte" style="margin-left: 5px"><b><font style="color:#ffffff" />centre de formation à distance soumis au contrôle pédagogique de l´état</b></p>
			            	</td>
				         	<td width="40%">
					            <table style="border-collapse: collapse; bordercolor:#111111; 
                                                    cellspacing:0;cellpadding:0;width:100%;border:0">
					              <tbody>
						              <tr>
						                <td width="100%">
						                  <p class="texte" 
						                  style="margin-left: 5px; text-align: right"><b><font style="
						                  color:#ffffff" /><font size="2">contact : </font><font style=" 
							                  color:#ffffff;size:2" />08 203 203 75</b><font style="
							                  color:#ffffff" /> <span style="font-size: 7pt">(numéro indigo 
						                  0.15&euro;/min)
										  <script type="text/javascript">
                                                                                        <!--
                                                                                        xt_param = 's=164629&p=fonction_publique';      
                                                                                        xt_r = document.referrer;
                                                                                        xt_h = new date();
                                                                                        xt_i = '<img width="1" height="1" src="http://logi7.xiti.com/hit.xiti?'+xt_param;
                                                                                        xt_i += '&hl='+xt_h.gethours()+'x'+xt_h.getminutes()+'x'+xt_h.getseconds();
                                                                                        if(parsefloat(navigator.appversion)>=4)
                                                                                        {xt_s=screen;xt_i+='&r='+xt_s.width+'x'+xt_s.height+'x'+xt_s.pixeldepth+'x'+xt_s.colordepth;}
                                                                                        document.write(xt_i+'&ref='+xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" >');
                                                                                        //-->
                                                                                        </script>
 
											<img width="1" alt="" height="1" src="http://logi7.xiti.com/hit.xiti?s=164629&amp;p=fonction_publique" /></span></p>
							              </td>
							            </tr>
							          </tbody>
							     </table>
							 </td>
						</tr>
 
					</table>
				</td>
 
			</tr>
 
		 </table>
	</td>
</tr>

et ma page apparait comme étant valide.

Merci.

Donne une taille à ton tableau et met lui comme attribut dans ta css :

Code:

table {margin:0 auto; }