Partage
  • Partager sur Facebook
  • Partager sur Twitter

Prob de cadres

Sujet résolu
dolci
    13 janvier 2006 à 10:18:15

    Bonjour à tout le monde,

    j'ai un soucis avec mon cadre du milieu, je voudrais juste le rétrécir un peu
    mais quand je change de 100% et que je met 90% le cadre rétéci sans aucun soucis mais il n'est plus centré...

    je vous montre mon code html et je vous montre ce que je change...


    <!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>Le Monde de Dolci !</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
               <link rel="stylesheet" media="screen" type="text/css"/>
    <LINK REL="SHORTCUT ICON" href="http://www.dolci.be/memo/images/favicon.ico">
               <meta name='title' content='dolci'/>

    <meta name='description' content='site pour les enfants et leurs parents, vous voulez des idées de bricolages, de recettes, des contes, des histoires, des idées pour fêter un anniverssaire, des conseils utilent.Bref un site assez complet pour petits et grands.'/>
    <meta name='keywords' content='bricolages, bricolage, brico, conte, contes, enfants, enfant, histoires, histoire '/>
    <meta name='author' content='dolci'/>
    <meta name='reply-to' content='dolci@skynet.be'/>
    <meta http-equiv='content-language' content='fr'/>
    <meta name='copyright' content='\"Dolci &amp; co\"'/>
    <meta name='revisit-after' content='7 days'/>
    <meta name='identifier-url' content='http://www.dolci.be'/>
    <meta name='generator' content=''/>
    <meta name='robots' content='all'/>

    </head>





    <body bgcolor="#ffc6ff" text="#0000ff" leftmargin="10" topmargin="0" marginwidth="10" marginheight="10" ><br>
    <table width="1000" border="2" cellspacing="2" cellpadding="0" align="center"  background="memo/images/fond13.jpg" >
    <tr>
    <td>
    <style>
    a { font-weight: bold; color: #0015D8; text-decoration: none; }
    a:hover { color: #000020; }
    a img { text-decoration: none;}
    a size { 10px;}
    </style>


    <table border="0" cellpadding="0" cellspacing="3" width="100%" background="memo/images/fond13.jpg">
      <tr>
       

        <td width="100%">

        <p align="center"><a href="www.dolci.be"><img src="memo/images/ban.GIF" border="0" alt="le monde de dolci" title="Le monde de dolci"></a></p>
       
       
        </td>
     
      </tr>
      <tr>
        <td width="100%" colspan="0">

       
       
    <table width="100%" border="0" cellspacing="4" cellpadding="0" a="color: #ffffff">
            <tr>
              <td>
              <div align="left">
              <font class="content">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="index.html" ><img src="memo/images/bouton5accueil.GIF" border="0"/></a>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="http://www.dolci.be/phpbb"><img src="memo/images/bouton5forum.GIF" border="0"/></a>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="mailto:dolci@skynet.be"><img src="memo/images/bouton5contact.GIF" border="0"/></a>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="http://www.dolci.be/cpg"><img src="memo/images/bouton5album.GIF" border="0"/></a>
              </font>
              </div>
              </td>
                      
                      
                      
                      
              <td width="100">
                <div align="right"><font class="content">
                 
                  </font></div></td>
            </tr>

          </table>

       
        </td>
      </tr>
    </table>

        <table width="100%" cellpadding="0" cellspacing="10" border="0" align="center">
          <tr valign="top">
            <td><img src="memo/images/fond3.gif" width="1" height="1" border="0" alt=""></td>
    </tr></table>



    <table width="100%" cellpadding="0" cellspacing="2" border="0" align="center">

    <tr valign="top">
      <td valign="top" width="1" background="memo/images/fond3.gif"><table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="memo/images/fond3.gif" width="7" height="7"></td>
      </tr>
    </table>
    <table width="150" border="5" cellpadding="1" cellspacing="0" bgcolor="#c6b2ff">
      <tr>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="F5F5F5">
            <tr>

              <td><table width="100%" border="0" cellspacing="2" cellpadding="4">
                  <tr>
                    <td>
                    <font class="block-title" size="6px" color="#9b40f1"><strong>Astuces</strong></font><br>
                    <font class="content" size="2px">
    <a href="astuce1.html">Beauté</a><br>
    <a href="astuce2.html">Bricolage adultes</a><br>
    <a href="astuce3.html">Bricolage enfants</a><br>
    <a href="astuce4.html">Recettes</a><br>
    <a href="astuce5.html">Citations</a><br>
    <a href="astuce6.html">Jardinage</a><br>
    <a href="astuce7.html">Livres</a><br>
    <a href="astuce8.html">Articles</a><br>
    <a href="astuce9.html">Dossiers</a><br>

    </font><br>

     </tr>
                </table></td>
            </tr>
          </table></td>

      </tr>
    </table><br/><br/>
    <table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
       
      </tr>
    </table>
    <table width="150" border="5" cellpadding="1" cellspacing="0" bgcolor="#c6b2ff">
      <tr>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="F500F5">
            <tr>

              <td><table width="100%" border="0" cellspacing="2" cellpadding="4">
                  <tr>
                    <td>
                    <font class="block-title"><strong>Projets à venir</strong></font><br>
                                    <font class="content" size="2px">
                     <a href="encours.html">En cours</a><br/>
                     <a href="bientot.html">Bientôt</a><br/>
                     <a href="avenir.html">En projet</a><br/>                     
    </font><br>

                                    </tr>
                </table></td>

            </tr>
          </table></td>
      </tr>
    </table>

    <td valign="top" width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="3">
      <tr>
        <td>
    <table width="100%" border="5" cellpadding="0" cellspacing="1" bgcolor="#c6b2ff">
            <tr>
              <td bgcolor="F5F5F5"><table width="100%" border="0" cellspacing="0" cellpadding="4">

                  <tr>
                    <td><center>
                                     <script type="text/javascript">

    <!-- Script par Deoxys pour l'EJS

    var date_statement="";
    var time_statement="";
    var today=new Date();
    var month="";
    var day="";
    function todays_date() {
    var month=today.getMonth();
    var day_of_week=today.getDay();
    date_statement=""
    document.month=""
    month++; // Entre 1 et 12 ^^
    if(month==1) {
    january(today.getDate());
    document.month="janvier";
    }

    if(month==2) {
    february(today.getDate());
    document.month="février";
    }
    if(month==3) {
    march(today.getDate());
    document.month="mars";
    }
    if(month==4) {
    april(today.getDate());
    document.month="avril";
    }
    if(month==5) {
    may(today.getDate());
    document.month="mai";
    }
    if(month==6) {
    june(today.getDate());
    document.month="juin";
    }
    if(month==7) {
    july(today.getDate());
    document.month="juillet";
    }
    if(month==8) {
    august(today.getDate());
    document.month="août";
    }
    if(month==9) {
    september(today.getDate());
    document.month="septembre";
    }
    if(month==10) {
    october(today.getDate());
    document.month="octobre";
    }
    if(month==11) {
    november(today.getDate());
    document.month="novembre";
    }
    if(month==12) {
    december(today.getDate());
    document.month="décembre";
    }
    document.day=""
    if(day_of_week==0)
    document.day="dimanche";
    if(day_of_week==1)
    document.day="lundi";
    if(day_of_week==2)
    document.day="mardi";
    if(day_of_week==3)
    document.day="mercredi";
    if(day_of_week==4)
    document.day="jeudi";
    if(day_of_week==5)
    document.day="vendredi";
    if(day_of_week==6)
    document.day="samedi";
    }
    function january(date) {
    if(date==1)
    date_statement="meilleurs voeux";
    }
    function february(date) {
    if(date==1)
    date_statement="";
    }
    function march(date) {
    if(date==1)
    date_statement="";
    }
    function april(date) {
    if(date==1)
    date_statement="pr&eacute;parez vos poissons";
    }
    function june(date) {
    if(date==1)
    date_statement="";
    }
    function july(date) {
    if(date==14)
    date_statement="bonne f&ecirc;te nationale";
    }
    function august(date) {
    if(date==1)
    date_statement="";
    }
    function september(date) {
    if(date==11)
    date_statement+="1 minute de silence pour les attentats de 2001";
    if(date==21)
    date_statement+="aujourd'hui c'est l'automne";
    }
    function october(date) {
    if(date==31)
    date_statement="bon Halloween";
    }
    function november(date) {
    if(date==1)
    date_statement="";
    }
    function december(date) {
    if(date==21)
    date_statement+="aujourd'hui c'est l'hiver";
    if(date==25)
    date_statement="et joyeux No&euml;l";
    if(date==31)
    date_statement="et bon r&eacute;veillon";
    }

    function time_of_day() {
    var time=today.getHours();
    time_statement=""
    if(time>    =6 && time<8)
    time_statement="bon r&eacute;veil"
    if(time>    =8 && time<12)
    time_statement="bonne matinée"
    if(time>    =12 && time<13)
    time_statement="bon appétit"
    if(time>    =13 && time<17)
    time_statement="bon après-midi"
    if(time>    =17 && time<18)
    time_statement="bonne fin d'après-midi"
    if(time>    =18 && time<22)
    time_statement="bonne soirée"
    if(time>    =22 || time<6)
    time_statement="bonne nuit"
    }

    time_of_day();
    todays_date();
    document.writeln(" Bienvenue, "+time_statement+", nous sommes le "+document.day+" "+today.getDate()+" "+document.month+" "+date_statement+".")

    // -- Fin du script -->

    </SCRIPT></center>
                                    </td>

                  </tr>
                </table></td>
            </tr>
          </table>
        </td>
      </tr>
    </table><br>



    <table width="100%" border="0" cellspacing="0" cellpadding="7">
      <tr>
        <td>

    <table width="100%" border="1" cellpadding="1" cellspacing="1" bgcolor="#c6b2ff">
            <tr>
              <td bgcolor="0000FF"><table width="100%" border="1" cellspacing="1" cellpadding="4"></td>
                  <tr>
                    <td><center>Astuce du jour</center><br/>
                                    Pour les cheveux secs<br/></td>
                                   
                   
                                   
                                    <td><center>chroniques</center><br/>
                                    l'actu de la semaine<br/>
                                    Le coup de gueule<br/></td>
                    </tr>
                   

                    <tr>
                       <td><center>Citation du jour</center><br/>
                       </td>

               
                              
                           
                              <td><center>Il y a 20 ans</center><br/>
                              </td>
                              </tr>
                              
                </table></td>
            </tr>
          </table>
        </td>
      </tr>
    </table></td>

    <td valign="top" width="1" background="memo/images/.jpg"><table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
     

      </tr>
    </table>
    <table width="150" border="5" cellpadding="1" cellspacing="0" bgcolor="#c6b2ff">
      <tr>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="F5F5F5">
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="4">
                  <tr>
                    <td>
                    <font class="block-title"><strong>partenaires</strong></font><br>
              <a href="http://www.chonchons71.oldiblog.com">Mes cobayes</a>
    </font></td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
    </table>

    <table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
       bla bla<br/>
       bla bla<br/>
       
      </tr>
    </table>
    <table width="150" border="5" cellpadding="1" cellspacing="0" bgcolor="#c6b2ff">

      <tr>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="F5F5F5">
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="4">
                  <tr>
                    <td>
                    <font class="block-title"><strong>mettre mon compteur</strong></font><br>
                    </td>

                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
    </table>

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td height="7"></td>

      </tr>
      <tr>
          <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="757575">
            <tr>
              <td bgcolor="F5F5F5"><table width="100%" border="0" cellspacing="0" cellpadding="4">
                  <tr>
                    <td><div align="center"><font class="small">Webmaster dolci2005 -

                    </div></td>
                  </tr>

                </table></td>
            </tr>
          </table>
          </td>
      </tr>
    </table>
    </body>
    </html>


    et je change ceci ligne: 343

    table width="90%" border="1" cellpadding="1" cellspacing="1" bgcolor="#c6b2ff">

    Je met 90% au lieu de 100% et je dois faire pareil pour le cadre du dessus...
    mais je voudrais les centrers et je suis perdue..

    pourriez vous m'aider ?

    Le lien est ici : Le lien

    merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter
    mebon
      13 janvier 2006 à 11:03:00

      Ajoute style="margin:auto;" aux tableaux que tu veux centrer.

      Mon dieu. Des <font>. Faisait une éternité que j'en avais pas vus ^^
      Tu a l'intention de tenir compte de ton doctypte au fait ou ça va rester comme ça ?
      • Partager sur Facebook
      • Partager sur Twitter
      dolci
        13 janvier 2006 à 11:08:06

        non, je vais encore le changer, je fais quelques essais, ce n'est pas mon site, mais comme on m'a reproché que mon site principal était trop fantaisiste, pas de cadres, trop de rose( mais ça, il n'y a rien à faire, j'aime) donc j'essaie des choses plus carrées...

        Mais pour cette page, je n'ai pas mis de css, en fait comme je débute, j'essaie pleins de choses différents, mais j'ai résolu mon problème de cadres..

        merci beaucoup
        • Partager sur Facebook
        • Partager sur Twitter

        Prob de cadres

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur ●
        • Markdown