Forums Développement Multimédia

Aller au contenu

Problème line-height sous Opera

CODE HTML CSS

8 réponses à ce sujet

#1 Levendivin

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 302 messages

Posté 07 July 2012 - 15:21 PM

Bonjour,

J'essaie de caler mon menu, il est calé parfaitement sous IE, Firefox, Chrome, sauf Opera. Dans Opera, on ne voit plus que la moitié de la hauteur du texte. J'ai vu qu'il y a beaucoup de gens qui ont eu ce problème avec Opera. J'ai regardé, il n'y a pas de préfixe pour la propriété line-height. Comment je peux palier cela ? Voici le code :
ul a
{
        color: #3c3b38; /*gris*/
        font-family:PTSansCaptionRegular, sans-serif;
        font-size:1.4em;
        line-height: 3.5em;
        text-decoration:none;
}

merci

#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 07 July 2012 - 15:43 PM

Sur Google, j'ai trouvé un échange où la solution proposée est de mettre une margin de 0 pour le tag LI

Il semblerait que sous Opéra, une marge soit ajoutée ... à vérifier toutefois


li {
    margin : 0px ;
}
 

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 Levendivin

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 302 messages

Posté 07 July 2012 - 16:22 PM

Salut,

J'ai essayé ton code, je ne peux pas mettre margin: 0px; car ça chamboule tout le reste. mon code à l'origine pour margin:
li
{
    display:inline;/*mettre les listes en largeur*/
    position: relative;/*position relative pour qu'il reste dans le flux de la barre jaune*/
    left: 60%;/*jouer sur la position a gauche*/
    margin: 50px 48px 0px 40px;/*permet d'espacer les les mots du menu*/
}


#4 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 07 July 2012 - 16:29 PM

hum ... tu as la page en ligne ?

Peut-être en plaçant le contenu du menu dans des DIV (avec display : inline-block ; ) ?

un truc du genre :

<ul>
    <li>
            <div> ... </div>
    </li>
</ul>
 

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#5 Levendivin

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 302 messages

Posté 07 July 2012 - 16:47 PM

Je te montre la page donnée sur dabblet :
http://dabblet.com/gist/3066947info : l'image pour la barre en haut est manquante.

Le problème initial de ce post est sur les mots "Accueil" et "Portfolio"
avec ce lien, tu peux essayer sous Opera, tu as le même problème que moi.

#6 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 07 July 2012 - 18:37 PM

Voir le messageLevendivin, le 07 July 2012 - 16:47 PM, dit :

avec ce lien, tu peux essayer sous Opera, tu as le même problème que moi.

Je dois louper un truc, j'ai la même chose avec les 2 navigateurs ?!?

Fichier joint  _chrome.png   56.95 Ko   6 téléchargement(s)

Fichier joint  _opera.png   59.6 Ko   7 téléchargement(s)

Une question toute bête, tu as un intérêt particulier à prendre en compte ce navigateur ?
La démarche est bonne, mais si Opera représente 0,001 % de tes visites, l'investissement en temps ne vaut peut-être pas la peine, en dehors de toute considération éthique il s'entend.
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#7 Levendivin

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 302 messages

Posté 07 July 2012 - 20:35 PM

Salut,

Ca ne m'a pas donné ça chez moi, alors je ne comprends plus rien je t'ai fait aussi une capture d'écran
le texte chez moi est carrément décalé. Peut-être toi tu es sur Mac, je suis sur PC, mais je ne pense pas que ce soit la raison.

Non, on m'a dit qu'il faut tout tester pour assurer que ça marche partout enfin dans la plupart des cas. Mais sinon, les gens que je connais, je ne suis pas sûre qu'il y en a beaucoup qui utilisent Opera.

Fichier(s) joint(s)



#8 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 07 July 2012 - 21:02 PM

Voir le messageLevendivin, le 07 July 2012 - 20:35 PM, dit :

Peut-être toi tu es sur Mac, je suis sur PC, mais je ne pense pas que ce soit la raison.
Malheureusement, ça reste possible, il m'est arrivé d'avoir des comportements différents entre Firefox sous mac os et la version windows

Comme je n'ai pas de machine sous Seven ou Vista avec Opéra sous la main, je ne vais pas pouvoir beaucoup t'aider, j'ai cependant tenté un truc, tu peux me dire ce que ça donne avec Opéra ? on ne sait jamais ...

http://dabblet.com/gist/3067924
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#9 Levendivin

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 302 messages

Posté 07 July 2012 - 21:56 PM

Salut,

Pour ton lien sous Opera sous windows 7, ici chez moi, c'est pareil que la miniature que j'ai mis un peu plus haut, le texte est entre les 2 fonds.
merci quand même, :smile:



2 utilisateur(s) li(sen)t ce sujet

0 membre(s), 2 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP