Discussion :

[userparis]

Bonjour,

en avançant dans la mise en place de mon site web j'ai voulu tester ce que ça donnait si je changeais de taille de police et par endroit le rendu était pas bon. Voux comprendrez vite que la ou ça cloche c'est la ou j'ai fixer la heuteur de mes div en px ...

Cependant, j'ai remarqué que tous les blocs de texte n'était pas mis à jour après le changement de police du navigateur. Je me suis donc rendu compte que les blocs de texte qui n'était pas modifié sont ceux pour lesquelles je fixe une taille de caractères.

Pour éviter que les élements se chevauchent aux changements de la taille de police je pense me diriger vers la solution de figer les toutes les tailles de polices de mes blocs textes.

Par contre je n'ai pas pu tester le comportement sur tous les navigateurs et versions.

La question est donc simple, est ce que le fait de figer une taille de police directement dans les blocs de textes inhibe automatiquement le changement de taille de police opéré sur un navigateur ou cela varie selon le navigateur en question et sa version ?

Merci

[rodolphebrd]

Je ne comprends pas où est votre problème.
Une taille de texte ne se modifie pas comme vous l'entendez.

[Candygirl]

Bonsoir,

Voux comprendrez vite que la ou ça cloche c'est la ou j'ai fixer la heuteur de mes div en px ...
[...]
Pour éviter que les élements se chevauchent aux changements de la taille de police je pense me diriger vers la solution de figer les toutes les tailles de polices de mes blocs textes.

C'est un peu l'inverse des bonnes pratiques au niveau d'un affichage prévu pour le web.

Donner une hauteur en pixel à un élément contenant du texte est rarement une bonne idée. Dans l'idéal il vaudrait mieux prévoir le design de manière à ce qu'il s'adapte harmonieusement à des variations de tailles de caractères, que l'utilisateur doit être libre d'adapter selon ses besoins.

[userparis]

Bonsoir,

en fait quand je dis modifier la taille du texte, c'est par exemple avec IE >> Affichage >> taille de texte >> moyenne grande ...

Et quand j'augmente la taille du texte, mon site se déforme et les textes se chevauchent.

Par contre si on CSS je fige dans chaque blocs de texte de ma page la taille du texte, l'action que je cite ci-dessus ne s'applique pas c'est a dire que la taille de police ne change pas du coup pas de déformation de mon site.

La question que je pose c'est si tous les navigateurs ne réagissent pas a la modification si on fige en css dans chaque blocs la taille de la police.



Candy, je sais dans l'idéal, il faudrait créer faire en sorte que le site s'ajuste harmonieusement aux changement de police, résolutions différentes d'écrans... Cependant, je ne vois pas trop comment faire. J'ai vu des explications sur le resposive design, j'ai compris le principe mais l'appliquer est une tout autre histoire...

[rodolphebrd]

Il y a deux types de zooms:

1- le zoom de texte que vous venez de sélectionner est assez peu utilisé par défaut car il nécessite de la part de l'utilisateur de chercher dans le menu.
-->dans ce cas on pourra définir des valeur de police en em ou rem et des largeurs de bloc en pourcentage pour que le zoom soit identique pour les deux.

2- le zoom global qui est le zoom installé par défaut sur tous les navigateurs génère un comportement "normal" dans l'agrandissement des blocs et polices. vous agrandissez ou réduisez tout avec des valeurs en pixel.

Voici un article intéressant sur le sujet

[userparis]

oui c'est le type de zoom 1- que tu cites qui me pose probleme. Quand je zoom et que le texte s'agrandit, ça se chevauche.

Par contre et comme je le dis plus haut, si je fige une taille en CSS, dans chaque blocs de texte, ex

Code :

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

font-zize: 12pt;

, La le zoom ne fonctionne pas, IE 10 et mozilla, enfin ca ne change pas la taille du texte.

La question est donc, est ce que tous les navigateurs bloquent sur le zoom quand une taille de police est définie en CSS ?

[Bovino]

Et à aucun moment tu ne te dis que si l'utilisateur veut zoomer, c'est peut-être qu'il a une bonne raison de le faire ?

Je te recommande de suivre les conseils de Candygirl qui sont comme toujours excellents !

[userparis]

Bonjour,

Bovino, j'y ai pensé en effet. Je me suis dis que j'utilise une taille de police ni trop petite ni trop grande qui donc, vise assez large. Difficile d'être parfait.

En fait, si j'ai bien compris, pour palier à ça, il faut mettre en place un site fluide (Responsive D.) et comme je ne suis pas familier avec les valeurs en pourcentage ou em, ben je bloque.

De plus j'ai pensé a ne pas fixer de hauteur aux div pour qu'ils s'étire au moins sur la hauteur en fonction du contenu. Le soucis, c'est d'intégrer les images de décoration qui ont elles des hauteurs et largeur en pixel.

Après si tu as des idées, des liens qui pourrait m'orienter, je suis preneur.