IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

points pas à la bonne hauteur


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Mai 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 140
    Par défaut points pas à la bonne hauteur
    Bonjour à tous,

    J'ai réalisé un site internet qui fonctionne très bien sur Internet Explorer, Mozilla Firefox, Google Chrome, Safari et Opera sous Windows. Je rencontre toutefois un problème d'affichage lorsque je teste mon site avec une tablette Samsung Galaxy Tab 2 ou encore un téléphone Samsung Galaxy 3. Il s'agit du navigateur fourni par défaut sur ces deux outils. Je ne repère qu'une différence, que voici :



    Au lieu d'être positionnés en bas de la ligne, mes points se situent au milieu. J'ai l'impression que le navigateur fait comme si ma police était de taille normale, alors que ce n'est pas le cas (les points ne sont pas au milieu lorsque le texte est de taille normale).

    Est-ce que quelqu'un sait comment pallier à se problème ?

    Voici mon code source :

    HTML5 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <article>
    		<h2>Bonjour…</h2>
    		<p>…et bienvenue sur mon site.</p>
    	</article>
    CSS3 (uniquement les propriétés qui influencent le code pour plus de clarté) :

    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
    16
    17
    18
    19
    20
    21
    22
    23
    * {
    	margin: 0;
    	padding: 0;
    }
     
    section article h2 {
    	font: 400 1.875em/1.5 'Playfair Display', Georgia, serif;
    }
     
    section.right article p {
    	font: 0.875em/1.6 'Muli', Verdana, Helvetica, sans-serif;
    	text-align: justify;
    }
     
    section.right {
    	display: inline-block;
    	width: 45%;
    	padding-right: 3%;
    }
     
    article {
    	margin-bottom: 3.125em;
    }
    Merci par avance pour toute aide apportée.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    as tu essayé avec des "vrais" points ?
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <article>
    	<h2>Bonjour…</h2>
    	<p>…et bienvenue sur mon site.</p>
    	<h2>Bonjour...</h2>
    	<p>...et bienvenue sur mon site.</p>
    </article>

  3. #3
    Membre confirmé
    Inscrit en
    Mai 2006
    Messages
    140
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 140
    Par défaut
    Ça fonctionne en mettant des vrais points... -_-

    Merci beaucoup. Est-ce que tu connais la cause de ceci ? Pourquoi le code des trois points ne se met pas au bon niveau ?

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Est-ce que tu connais la cause de ceci ?
    je présume que c'est un problème de traitement des caractères un peu spéciaux, mais comment ???

    A essayer aussi en utilisant l'entité HTML &hellip; pour voir.

  5. #5
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 585
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 585
    Par défaut
    Ça pourrait être une fantaisie de la fonte.

    Il est probable que le téléphone ne connaisse pas les fontes 'Playfair Display' et Georgia, il se rabat donc sur serif, c'est-à-dire la fonte serif par défaut que le navigateur veut utiliser.

    Or certaines fontes mettent les points de suspension au milieu, parce qu'elles sont faites pour une écriture où les points de suspension doivent être au milieu, comme l'écriture idéographique.

    Cette simple page, ici, reproduit le même comportement avec firefox (sous Windows) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <!DOCTYPE html>
    <meta charset="utf-8" />
    <h1 lang="ja" style="font-family: serif">Hello…</h1>
    Pourquoi ? D'abord je lui ai demandé d'afficher le texte en fonte serif, donc de choisir lui-même une fonte serif.
    Ensuite, je lui ai dit que c'est du texte japonais, il va donc en tenir compte pour faire son choix.
    Par défaut et sous Windows, pour afficher du texte japonais en fonte serif, Firefox choisit 'MS PMincho', une fonte japonaise, dont les trois points de suspension sont au milieu.

    Il est possible que le téléphone, lui aussi, fasse un choix de fonte exotique pour une raison quelconque, conduisant au même résultat.
    Dans ce cas-là, &hellip; ne changerait rien, et il n'y a pas grand-chose à faire vu que c'est surtout une question de configuration du téléphone.
    À la rigueur, tu peux essayer de forcer un peu plus de fontes, pour en trouver une gérée par le téléphone, avant de te rabattre sur serif.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 29/05/2006, 12h43
  2. la police qui s'affiche n'est pas la bonne
    Par tiboleo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 13/07/2005, 13h22
  3. [C#] Pb de DLL : ne trouve pas la bonne version
    Par sokette dans le forum Windows Forms
    Réponses: 7
    Dernier message: 12/04/2005, 14h59
  4. je ne trouve pas la bonne syntaxe
    Par poelvo dans le forum Langage SQL
    Réponses: 2
    Dernier message: 14/08/2003, 01h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo