Incompatibilité selon l'OS

Résolu
tiboul37 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   -  
tiboul37 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à toutes et à tous,

Voilà, je vous explique mon problème. Je suis entrain de créer un site et j'ai un problème de CSS au niveau du menu. En effet, sur mon PC (vista) j'ai IE, FF, Chrome et Safari. Lorsque je mets ces ligne dans le CSS :

#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited {
background: url(../images/menu_li_left.jpg) no-repeat left top;
padding-left: 18px;
color: #fff;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block;
float: left;
text-transform: uppercase;
}


tout fonctionne niquel... sous PC. Mon problème est le suivant, pour que cela fonctionne sous MAC il faudrait que je change la valeur du padding-left par 16px au lieu de 18px.

Quelqu'un peu m'aider ???? Svp....

MERCI :)
A voir également:

6 réponses

tiboul37 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   4
 
personne ? Besoin d'aide svp !!
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
la css fonctionne sous mac comme sous windows !
tout dépend en suite du navigateur ou de la taille d'écran,
mais là aucune raison ... sauf que :
#menu ul li a:link,
#menu ul li a:active, 

et
menu ul li a:link,
menu ul li a:active, 

pas du tout la même chose ... il faut coder correctement ;)
0
tiboul37 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   4
 
Je précise que je suis dans Joomla 1.5 et que c'est la première fois sur une dizaine de sites que je rencontre cette erreur... :)
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
ton code css n'est toujours pas bon quand même ...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
En plus court et plus clair, ça donne ça :
#menu ul li a { 
    background: url(../images/menu_li_left.jpg) no-repeat left top; 
    padding-left: 18px; 
    color: #fff; 
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none; 
    display: block; 
    float: left; 
    text-transform: uppercase; 
}
En tout cas, l'OS n'influence pas. Il n'y a que le navigateur et la taille de la fenêtre.
0
tiboul37 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   4
 
Merci, c'est gentil !! C niquel... :)

BRAVo !
0