Sujet Précédent Sujet Suivant

Configurer mes pages selon l'écran de tous

sidney79 Messages postés 4 Statut Membre -  
sidney79 Messages postés 4 Statut Membre -
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

Réponse 1 / 2
Ricky38 Messages postés 5776 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
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 Statut Membre
 
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
Réponse 2 / 2
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
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