Conserver la taille initiale d'un site Web

[SendOg]

bonjour,

j'ai actuellement ce site web : Bienvenue! et j'aimerais que la taille initiale du site soit toujours la même quelque soit la résolution de l'écran, quelque soit la taille de l'écran. En effet j'ai remarqué chez un ami qui a un écran large que mon site apparaissait tout petit en haut à gauche du navigateur.

 

Comment conserver une taille assez grande? que ce soit avec du html ou du php.

 

merci d'avance!

Modifié le 17 mai 2012 par SendOg

[Dylav]

Bonjour SendOg,

 

La question que tu poses peut être partiellement résolue par l'utilisation systématique des proportionnalités dans la construction de tes pages : définir les blocs en pourcentage des dimensions de l'écran, choisir pour les polices l'unité "em" (proportionnelle à la résolution de l'écran du visiteur). Mais je te déconseille d'appliquer ces règles aux images, le rendu visuel se dégrade énormément.

 

Je t'invite à consulter le sujet Uniformisation en HTLM, où je donne à Forester un exemple concret de la même problématique…

[SendOg]

Dans le sujet sur l'uniformisation en html, tu proposes un width de 30 % pour faire 3 colonnes.

Moi si tu regardes mon site tu verras qu'il n'y a qu'une seule colonne.

Or si je mets width:100% j'avais cru comprendre que cela ne servait à rien vu que c'est la largeur par défaut en html.

Donc dans le cas précis de mon site faut-il juste changer le font-size et mettre 0.8em par exemple? (à ce propos je ne vois pas trop à quoi correspond 1 "em" ...)

 

En outre, est-ce que le paramètre text-align:center va-t-il centrer également le cadre avec la photo ?

 

Merci

[Dylav]

Bonjour SendOg,

 

Pour l'unité « em », as-tu lu la définition ?

 

Pour tes pages en forme de tableau,

• ton bloc <div> global est inutile,
  
• mets un width:100%; dans le style table, pour qu'elle occupe la totalité de la largeur de l'écran,
  
• enlève le width:200; dans le style td (c'est d'ailleurs mal écrit, car il manque l'unité pixel, width:200px;),
  
• par ailleurs, tu devrais donner un titre significatif à chacun de tes fichiers HTML, balise <title>,
  
• et tes pages n'ont pas de titre, de sorte que l'internaute ignore le choix qu'il a fait :
  ajoute par exemple en tête de page <h1>Level Design</h1>.

N'hésite pas à demander d'autres précisions…