Problème HTML

Résolu
Bonjour,

alors voila, j'ai crée un site web, mais, j'ai un petit problème.

J'aimerais que ma page affiche ceci :

http://www.stockimage.o-n.fr/upload/50.jpg

mais, elle affiche cela :

http://www.stockimage.o-n.fr/upload/51.jpg

Mon code est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Intervilles.o-n.fr</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
 
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="http://www.intervilles.o-n.fr/design.css" />

   <body>
 
       <!-- Le corps -->

<div id="page_principale">
<center><big><b>Le lundi 11 août 2008 :</b></big></center><br><br>
<div align="center">
	<div align="left">
		<div align="right">
			<div align="center">
				<table border="0" width="100%" cellspacing="0" cellpadding="0">
					<tr>
						<td height="62" align="center" valign="top">
	&nbsp;</td>
						<td align="center" valign="top">
	<table border="0"cellspacing="0" cellpadding="0">
		<tr>
			<td align="center" rowspan="2" valign="top">
			&nbsp;</td>
			<td height="64" width="383" align="left" 
background="http://www.intervilles.o-n.fr/images/scores.jpg">
<font face="Franklin Gothic Demi" color="#FFFFFF"><br><big><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;00&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;00</b></big></font>			
<font face="Eras Demi ITC" color="#FFFFFF"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;Beaucaire&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Agde</font></td>
		</tr>
		
						<td height="62" align="center" valign="top">
	&nbsp;</td>
					</tr>
				</table>
			</div>
		</div>
	</div>

</div>
<!-- Le pied de page -->

 <div id="footer">
      © Intervilles.o-n.fr -- Version 1 -- Design par Simond -- Août 2008 
</div>

       
   </body>
</html>


Merci de votre aide !!
Configuration: Windows Vista
Internet Explorer 7.0

12 réponses

  1. salut
    1er chose ne jamais itulisé les espace ' ' avec la maniere ke tu a fait.
    2eme chose si tu est débutant tu px travailler juste avec les tableau sans etulisé les div

    voila la correction:

    <td height="64" width="383" align="center"
    background="http://www.intervilles.o-n.fr/images/scores.jpg">

    center a la place de left
    1. 1) Je ne suis pas débutant
      2) Ta correction ne change rien
      3) Je ne trouve pas les espaces ' '

      Je n'y arrives pas.

      Aidez-moi
      1. "Joue" avec un frameset et des frames et mets ensuite tes <div> et tes <tables> dans les frames adhoc.

        dans le genre de ceci

        <html>

        <head>
        <title>Nouvelle page 2</title>
        </head>

        <frameset rows="64,*,64">
        <frame name="haut" scrolling="no" noresize target="sommaire">
        <frameset cols="150,*">
        <frame name="sommaire" target="principal">
        <frame name="principal">
        </frameset>
        <frame name="bas" scrolling="no" noresize target="sommaire">
        <noframes>
        <body>

        <p>Cette page utilise des cadres, mais votre navigateur ne les prend pas en
        charge.</p>

        </body>
        </noframes>
        </frameset>

        </html>

        Tu peux alors aussi "jouer" avec des pourcentages ou des pixels pour les dimensions et aussi avec les borders pour voir ou non les limites de tes frames.

        J'espère que ça ira

        @+
        1. comme vient de le dire "diable" utilise des tableaux

          <table width="990" border="0" cellpadding="0" cellspacing="0">
            <!--DWLayoutTable-->
            <tr>
              <td height="138" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                <tr>
                  <td width="990" height="138">&nbsp;</td>
                </tr>
              </table>    </td>
            </tr>
            <tr>
              <td width="158" height="388" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                <tr>
                  <td width="158" height="388">&nbsp;</td>
                </tr>
              </table>    </td>
              <td width="666" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                <tr>
                  <td width="666" height="388">&nbsp;</td>
                </tr>
              </table>    </td>
              <td width="166" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                <tr>
                  <td width="166" height="388">&nbsp;</td>
                </tr>
              </table>    </td>
            </tr>
            <tr>
              <td height="82" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                <tr>
                  <td width="990" height="82">&nbsp;</td>
                </tr>
              </table>
              </td>
            </tr>
          </table>