8 réponses à ce sujet

[Levendivin]

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

[dcz.switcher]

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 ;
}
 

[Levendivin]

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*/
}

[dcz.switcher]

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>
 

[Levendivin]

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.

[dcz.switcher]

Levendivin, 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 ?!?

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

 _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.

[Levendivin]

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)

•  effet-opera.jpg   105.64 Ko   12 téléchargement(s)

[dcz.switcher]

Levendivin, 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

[Levendivin]

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,