Discussion :

[djamess]

Bonjour à vous!


Quand j'ouvre ma page web sur un 15' avec une petite résolution le rendu avec la police que je mets pour mon texte est satisfaisante.

Par contre quand j'ouvre ma page sur un écran de 22' en effet mon calque à la bonne dimension et la bonne position mais le texte est tout petit et ne prend pas tout l'espace dans mon calque qui donnerai une meilleur visibilité sur un grand écran.

Selon vous qu'elle est la méthode à employer pour que je puisse adapter la police à l'intérieur d'un calque que je sois sur un écran 15' ou 22' avec des résolutions plus ou moins élevées?

Merci de votre aide.

J'attends vos réponses

[HiRoN]

Bonjour,

Selon vous qu'elle est la méthode à employer pour que je puisse adapter la police à l'intérieur d'un calque que je sois sur un écran 15' ou 22' avec des résolutions plus ou moins élevées?

Tu n'as normalement pas besoin d'augmenter la police en fonction de la résolution de l'utilisateur (en tout cas, il ne m'est jamais arrivé d'avoir à le faire).
Tu pourrais voir pour charger une feuille de style spécifique en fonction de la résolution via Javascript (par exemple), mais cela risque d'être fastidieu.

Aurais-tu un exemple concret du problème rencontré ? (capture d'écran montrant une différence significative sur plusieurs résolutions)

[djamess]

Bonjour HiRoN!

Voici les images impression d'écran que j'ai pu faire qui te donneront un aperçu du soucis que je rencontre.

En effet, actuellement pour écrire mon texte, je crée un calque sur ma page WEB et je rédige le texte que je souhaite.

Dans les paramètres qui définissent mon calque en HTML je prends soin d'indiquer sa position en % et ses dimensions également en % :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="Layer1" style="position:absolute; left:30%; top:45%; width:70%; height:50%; z-index:87">
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
  <p>&nbsp;</p>
  </div>

Cependant, vous constaterez que dans chaque écran la position de mon texte correspond. Cependant mon texte n'épouse pas correctement tout l'emplacement de mon écran comme souhaité. L'espace que je veux exploiter pour mon texte c'est toute la partie blanche de mon fond d'écran. La seule image qui le fait c'est l'écran 15 pouce sur lequel je développe mon site.

Selon vous comment dois-je faire pour correctement insérer mon texte pour que quand je passe d'un écran à un autre avec des résolutions différentes, mon texte s'adapte en taille?

Le but est d'éviter d'avoir un fond d'écran qui prend lui tout l'écran et c'est le but recherché et par contre du texte qui prend juste une petite partie de mon écran quand je navigue avec un 22 pouces.

Merci de vos réponses.

[12monkeys]

Bonsoir

Je ne suis pas certain d'avoir bien compris ton problème : tu veux que ton texte s'adapte à la largeur de la fenêtre ? C'est à dire si ton div conteneur fait 70%, que ton texte prenne aussi les 70% ?

Essaye voir d'abord de mettre un texte un peu plus long, et pas chaque ligne entre des balises <p>, ces balises font que ton texte reviens à chaque fois à la ligne, donc il ne peut pas aller tout à droite.

Si c'est pas ça j'ai pas compris...

[Ethyde]

Bonjour,

hum petite question quel est la résolution de ton écran 15" ? Car c'est en fin de compte la seule valeur qui compte : la résolution de l'écran. Car tu ne pourras pas anticiper sur la taille physique (en pouce) de celui-ci.Un 22" avec une résolution de 1024*768 (mon dieux que ça doit être moche ceci dit) ne feras pas mieux qu'un 15" avec la même.

Ceci dit à l'heure actuel il reste dans les 7% d'écran avec une résolution inférieure à 1024*768 (Browser Display Statistics).