Détecter la taille du texte

Discussion dans 'Administration d'un site Web' créé par Katia, 21 Mars 2003.

  1. Katia
    Katia WRInaute occasionnel
    Inscrit:
    4 Septembre 2002
    Messages:
    345
    J'aime reçus:
    0
    Je recherche un javascript (si il existe) permettant de détecter la taille du texte dans le navigateur (IE) de l'utilisateur afin de le renvoyer s'il a choisi l'affichage "taille du texte - la plus grande" vers une autre page lisible ou les calques ne se superposent pas.

    Ca existe?

    Katia.
     
  2. Filou
    Filou WRInaute discret
    Inscrit:
    4 Février 2003
    Messages:
    173
    J'aime reçus:
    0
    Salut Katia,

    Pourquoi n'utilises-tu pas les feuilles de style, c'est bien plus pratique pour la mise en page et en plus, tes visiteurs ne peuvent pas modifier la taille.
     
  3. Katia
    Katia WRInaute occasionnel
    Inscrit:
    4 Septembre 2002
    Messages:
    345
    J'aime reçus:
    0
    Tu veux dire forcer la taille de la police en pixels sur la feuille de style?
    Bonne idée. Je vais tester.

    Katia.
     
  4. Filou
    Filou WRInaute discret
    Inscrit:
    4 Février 2003
    Messages:
    173
    J'aime reçus:
    0
    Exact, quand tu passes par les feuilles de style, l'utilisateur peut très bien choisir une taille "petite", "moyenne", ou "grande", cela n'aura aucune incidence du moment que celle-ci est défini par les CSS.

    C'est très pratique pour éviter que des tableaux soit déformés ou bien encore pour que tes calques le soient aussi au détriment de ta mise en page...

    Tu peux tester sur mon site, et même sur la plupart des sites des membres de WRI, ça ne bougera pas ;)

    Puis le jour où tu souhaites changer la couleur principale de ton site, il te suffit de modifier uniquement ta feuille de style externe (meilleur choix). J'utilise ça notamment pour les évènements tels haloween, 1er avril et tout et tout :)
     
  5. gil
    gil WRInaute discret
    Inscrit:
    2 Novembre 2002
    Messages:
    165
    J'aime reçus:
    0
    Bonjour, :)
    Le soucis est pour les mals voyanst ou même pour ceux qui préferent le confort des gros caratéres ( j'en fait parti). L'internaute est obligé de s'adapter au site...jusqu'au prochain clic :!: :?:
    A+ 8)
     
  6. Filou
    Filou WRInaute discret
    Inscrit:
    4 Février 2003
    Messages:
    173
    J'aime reçus:
    0
    Biensûr Gil, faut pas tomber sur des tailles de 4 pixels, il faut respecter une certaine lisibilité et un confort maximal.

    Il est vrai que pour respecter une mise en forme précise, c'est quand même le meilleur moyen... tout dépend de la mise en page définie
     
  7. Jocelyn
    Jocelyn WRInaute occasionnel
    Inscrit:
    6 Novembre 2002
    Messages:
    382
    J'aime reçus:
    0
    Ce n'est pas un souci. La norme CSS a été conçue en pensant à eux. Et aux aveugles aussi (norme CSS2). Les navigateurs dignes de ce nom permettent à leur utilisateur de choisir la feuille de style à utiliser :
    - la feuille de style principale du style
    - une feuille de style alternative du site (si celui-ci en propose)
    - la feuille de style de l'utilisateur

    Donc, quand un site utilise les CSS correctement, l'utilisateur peut adapter la manière dont il veut se faire représenter le site : par exemple, en plus gros caractères et gros contraste pour les mal-voyants, ou sonore, avec un navigateur qui lit les pages web selon les directives contenues dans une feuille de style adaptée.

    Jocelyn
     
  8. perle d'argent
    perle d'argent WRInaute discret
    Inscrit:
    4 Janvier 2003
    Messages:
    76
    J'aime reçus:
    0
    T'as des infos pour mettre tout ça en place?
    C'est très intéressant!
     
  9. Jocelyn
    Jocelyn WRInaute occasionnel
    Inscrit:
    6 Novembre 2002
    Messages:
    382
    J'aime reçus:
    0
    La recommandation sur les CSS, CSS2 et CSS3 (en travaux) se trouve ici (en anglais) :
    http://www.w3.org/Style/CSS/

    Traductions en français :
    http://www.yoyodesign.org/doc/w3c/css1/index.html
    http://www.yoyodesign.org/doc/w3c/css2/cover.html

    Voir en particulier :
    Les polices (voir font-size)
    Les types de media
    Les feuilles de styles auditives (CSS2)
    Un exemple de feuille de style pour HTML 4.0

    On se rend compte que la recommandation CSS2 tient même compte des aveugles (media braille). Cependant, ce n'est pas parce que vous avez écrit une feuille de style avec "media braille" que votre navigateur préféré va automatiquement être capable de l'exploiter. En effet, alors que la norme CSS1 est assez bien couverte par les navigateurs récents, la norme CSS2 est très partiellement implémentée dans les navigateurs.
    Heureusement, certains programmeurs font plus d'efforts que d'autres. Opera, par exemple, implémente correctement une bonne partie de la norme CSS2.

    J'oubliais, à propos des feuilles de styles alternatives, préférées et utilisateur :
    Doc originale en anglais
    Doc en français

    Bonnes lectures, et bon apprentissage !

    Jocelyn
     
  10. perle d'argent
    perle d'argent WRInaute discret
    Inscrit:
    4 Janvier 2003
    Messages:
    76
    J'aime reçus:
    0
    Merci beaucoup pour ces infos précieuses...
    Je m'en vais étudier tout ça :D
     
Chargement...
Similar Threads - Détecter taille Forum Date
[PHP] Détecter le navigateur / bot en fonction du HTTP_USER_AGENT Développement d'un site Web ou d'une appli mobile 14 Septembre 2019
Astuce Détecter un bot qui fausse vos stats Google Analytics 1 Mars 2019
Comment détecter des noms de domaines pourris dans les mails ? Problèmes de référencement spécifiques à vos sites 30 Mai 2018
Outil pour détecter le contenu dupliqué Débuter en référencement 1 Août 2017
Détecter le premier slash URL Rewriting et .htaccess 5 Juillet 2017
[PHP] Détecter le navigateur / bot en fonction du HTTP_USER_AGENT Développement d'un site Web ou d'une appli mobile 12 Janvier 2017
Comment détecter les sites satellites Netlinking, backlinks, liens et redirections 5 Avril 2016
script qui détecterait quand l'internaute se connecte avec un telephone et le rediregeré Développement d'un site Web ou d'une appli mobile 5 Juin 2015
Pourquoi analytics pourrait avoir de la difficulté à détecter l'acquisition d'un site? Google Analytics 3 Juillet 2014
[Idée ?] Détecter la présence de cookies Développement d'un site Web ou d'une appli mobile 5 Décembre 2013
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice