CSS Texte décalé sur differents écrans
Résolu/Fermé
Drclown
Messages postés
15
Date d'inscription
jeudi 1 mars 2012
Statut
Membre
Dernière intervention
9 mars 2012
-
1 mars 2012 à 12:53
Drclown Messages postés 15 Date d'inscription jeudi 1 mars 2012 Statut Membre Dernière intervention 9 mars 2012 - 4 mars 2012 à 17:33
Drclown Messages postés 15 Date d'inscription jeudi 1 mars 2012 Statut Membre Dernière intervention 9 mars 2012 - 4 mars 2012 à 17:33
A voir également:
- CSS Texte décalé sur differents écrans
- 2 ecrans sur pc - Guide
- Excel cellule couleur si condition texte - Guide
- Mettre un texte en majuscule - Guide
- Deflouter texte - Forum Logiciels
- Texte argumentatif sur les avantages et les inconvénients du téléphone portable ✓ - Forum Mobile
4 réponses
dariumis
Messages postés
571
Date d'inscription
mardi 16 mars 2010
Statut
Membre
Dernière intervention
18 avril 2018
63
1 mars 2012 à 13:20
1 mars 2012 à 13:20
Salut, normalement pour que ton site s'adapte aux résolution d'écran il faut utiliser les % pour tous ce qui influe sur l'axe horizontal (width, margin-left...).
Construire ta page à l'aide des float. Pour constater sur ton ordi le comportement suivant les differentes résolution, il suffit de zoomer , dézoomer la page web (ctrl +, ctrl -).
Construire ta page à l'aide des float. Pour constater sur ton ordi le comportement suivant les differentes résolution, il suffit de zoomer , dézoomer la page web (ctrl +, ctrl -).
Drclown
Messages postés
15
Date d'inscription
jeudi 1 mars 2012
Statut
Membre
Dernière intervention
9 mars 2012
1 mars 2012 à 13:51
1 mars 2012 à 13:51
salut dariumis et merci pour ta réponse!
Si je comprend bien il faut toujours définir la longueur d'une div en pourcentage, donc c'est une erreur de la définir en pixel? Comment je peux faire ça si la div contient une image d'arrière plan? Je pense que je devrais plutôt essayer de définir une taille de texte proportionnel à l'écran mais je sais pas comment faire. J'ai pensé aussi que c'était parce que les navigateurs affichaient un style de police différents alors que j'ai attribué une police par défaut dans mon CSS. Peut tu me conseiller une police que tous les navigateurs reconnaissent?
Si je comprend bien il faut toujours définir la longueur d'une div en pourcentage, donc c'est une erreur de la définir en pixel? Comment je peux faire ça si la div contient une image d'arrière plan? Je pense que je devrais plutôt essayer de définir une taille de texte proportionnel à l'écran mais je sais pas comment faire. J'ai pensé aussi que c'était parce que les navigateurs affichaient un style de police différents alors que j'ai attribué une police par défaut dans mon CSS. Peut tu me conseiller une police que tous les navigateurs reconnaissent?
dwade74
Messages postés
120
Date d'inscription
samedi 28 mai 2011
Statut
Membre
Dernière intervention
25 janvier 2014
32
1 mars 2012 à 19:46
1 mars 2012 à 19:46
Bonsoir
Il a raison dariumus il faut definir une largeur en % exemple width:100%; comme ca ton site va s'adapter en fonction de l'ecran de ton visiteur.
Pour les polices tu peut mettre plusieurs polices exemple Verdana, Arial;
Comme ca si le visiteur n'a pas la police Verdana ca va lui afficher en Arial.
Il a raison dariumus il faut definir une largeur en % exemple width:100%; comme ca ton site va s'adapter en fonction de l'ecran de ton visiteur.
Pour les polices tu peut mettre plusieurs polices exemple Verdana, Arial;
Comme ca si le visiteur n'a pas la police Verdana ca va lui afficher en Arial.
Drclown
Messages postés
15
Date d'inscription
jeudi 1 mars 2012
Statut
Membre
Dernière intervention
9 mars 2012
4 mars 2012 à 17:33
4 mars 2012 à 17:33
Ok merci pour vos réponse mais j'ai trouvé la solution il faut mettre une taille de police en 'em' qui est une unité proportionnel aux differentes résolutions. Ensuite il faut établir une police par Default dans le css car elle change par rapport aux différents navigateurs et peu dans ce cas la faire dépasser le texte de la div. Merci dariumis pour ta technique du zoom molette + ou - pour changer de résolution.
Si ça aide certain voici quelque lien trouvé:
-Pour les em:
https://www.alsacreations.com/article/lire/563-gerer-la-taille-du-texte-avec-les-em.html
https://www.alsacreations.com/astuce/lire/12-police-font-taille-font-size-em.html
voila bye :D
Si ça aide certain voici quelque lien trouvé:
-Pour les em:
https://www.alsacreations.com/article/lire/563-gerer-la-taille-du-texte-avec-les-em.html
https://www.alsacreations.com/astuce/lire/12-police-font-taille-font-size-em.html
voila bye :D