Configurer mes pages selon l'écran de tous

Fermé
sidney79 Messages postés 4 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 22 janvier 2009 - 22 janv. 2009 à 15:52
sidney79 Messages postés 4 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 22 janvier 2009 - 22 janv. 2009 à 17:50
Bonjour,

J'ai fait un site sur Dreamweaver, j'ai fait ce que j'ai pu sans aucune connaissance en programmation.

Mais j'ai un souci, j'aimerai pouvoir centrer toutes mes pages et les dimensionnées selon l'écran de mes internautes, mais je ne sais pas comment faire.

Est ce que quelqu'un pourrait me donner la marche à suivre ou le code et me dire entre quelles balises le placer ?

Par exemple pour la page d'accueil : http://www.chriseden.fr

Merci d'avance pour votre aide !

Sidney
A voir également:

2 réponses

Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 451
22 janv. 2009 à 15:59
Salut,

la meilleure chose a faire si tu ne veux pas tout refaire le site ets de mettre une balise <center>

donc directement sous la balise <body> et une balise </center> directement avant la balise </body>

comme ceci:

<body>
<center>


...
...
...


</center>
</body>

Sinon tu pourrais utiliser les balises <div> au lieu de ton tableau <table> mais là ça se complique :)
0
sidney79 Messages postés 4 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 22 janvier 2009
22 janv. 2009 à 17:50
Ok merci bcp, ca a l'air très simple ! Je vais m'empresser de faire ça en rentrant chez moi ce soir !

Et il n'y a pas de pb, ca marche pour toutes les pages de mon site ?
Ca va les centrer horizontalement sur la page, mais est ce que ça les dimensionne également en hauteur, en fonction de la taille de l'écran de mes internautes ?

Merci en tout cas et bonne soirée !
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
22 janv. 2009 à 16:36
Sinon tu pourrais utiliser les balises <div> au lieu de ton tableau <table> mais là ça se complique

mais non ;-))

voila deja la conversion des tables au div !! apres il adapte !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 15 August 2007), see www.w3.org" />
    <title>Index Chris Eden
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <style type="text/css">
/*<![CDATA[*/
    .rad-1 {
        background-color: #ffffff;
        border: none;
        height: 837px;
        position: relative;
        text-align: left;
        width: 975px;
    }


    .rad-2 {
        border: none;
        height: 244px;
        left: 273px;
        padding: 0px;
        position: absolute;
        top: 24px;
        width: 228px;
    }


    .rad-3 {
        border: none;
        height: 244px;
        left: 506px;
        padding: 0px;
        position: absolute;
        top: 24px;
        width: 221px;
    }


    .rad-4 {
        border: none;
        height: 244px;
        left: 273px;
        padding: 0px;
        position: absolute;
        top: 281px;
        width: 228px;
    }



    .rad-5 {
        border: none;
        height: 244px;
        left: 506px;
        padding: 0px;
        position: absolute;
        top: 281px;
        width: 221px;
    }

    .rad-6 {
        border: none;
        height: 42px;
        left: 423px;
        padding: 0px;
        position: absolute;
        top: 546px;
        width: 170px;
    }

    .rad-7 {
        border: none;
        height: 163px;
        left: 376px;
        padding: 0px;
        position: absolute;
        top: 674px;
        width: 102px;
    }

    .rad-8{
        border: none;
        height: 42px;
        left: 478px;
        padding: 0px;
        position: absolute;
        top: 674px;
        width: 212px;
    }


    /*]]>*/
    </style>
<script type="text/JavaScript">
//<![CDATA[
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.argumenrad; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
    var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.argumenrad; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    //]]>
</script>
  </head>
  <body>
    <div class="rad-1">
      <!--DWLayoutTable-->
      <div class="rad-2">
        <img height="240" src="http://chriseden73.free.fr/2003%20tete%20penchee.jpg" width="216" border="2" alt="Image" />
      </div>
      <div class="rad-3">
        <img height="240" src="http://chriseden73.free.fr/2003%20langue.jpg" width="216" border="2" alt="Image" />
      </div>
      <div class="rad-4">
        <img height="240" src="http://chriseden73.free.fr/2003%20profil.jpg" width="216" border="2" alt="Image" />
      </div>
      <div class="rad-5">
        <a href="http://chriseden73.free.fr/accueil.html"></a> 
        <a onmouseover="MM_swapImage('entrez','','entrez.jpg',1)" onmouseout="MM_swapImgRestore()" href="http://chriseden73.free.fr/accueil.html">
          <img id="entrez" height="240" src="http://chriseden73.free.fr/entrez2.jpg" width="216" border="2" name="entrez" alt="Image" /></a>
      </div>
      <div class="rad-6">© 2006 - www.chriseden.fr
      </div>
      <div class="rad-7">
        <a title="WebAnalytics" href="http://www.xiti.com?xtor=AD-1----%5B326248%5D">
<script type="text/javascript">
//<![CDATA[
        <!--
        Xt_param = 's=326248&p=index';
        try {Xt_r = top.document.referrer;}
        catch(e) {Xt_r = document.referrer; }
        Xt_h = new Date();
        Xt_i = '<img width="39" height="25" border="0" alt="" ';
        Xt_i += 'src="https://logv144.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
        Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.geradeconds();
        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, '$')+'" title="Internet Audience">');
        //-->
        //]]>
</script> 
          <noscript>Mesure d'audience ROI statistique webanalytics par 
            <img height="25" alt="WebAnalytics" src="https://logv144.xiti.com/hit.xiti?fh=1&s=326248&amp;p=index&Rdt=On" width="39" />
            </noscript></a>
      </div>
      <div class="rad-8">L'univers de la musique.<br />
        <a href="https://bestofchat.com/art_et_culture/musique/liste_sujet-1.htm">musique</a>
      </div>
    </div>
  </body>
</html>
0