css incompatible avec safari

Patmac

Membre actif
9 Novembre 2002
265
0
45
salut a tous
il n'y a pas grand chose a dire si ce n'es que ma feulile de style css foncionne très bien sous internet explorer mais je ne sais pas pas pourquoi ca ne marche pas sur safari
si quelque a une idée

voila le code :

a {color="#000066"; text-decoration: none;}// couleur des liens
a:hover {text-decoration: underline overline; color="red";}//couleur du lien quand on passe dessus
body {font-family=""; background-color: #6B87F0; font-size: 20px; color="#000066"; margin-top: 10px; margin-bottom: 0px;}


p {
font-family:"trebuchet ms",sans-serif;
font-size:80%;
}
/*form {
background-color:#6B87F0;
padding:10px;
width:350px;
}*/
label {
font-family:"trebuchet ms",sans-serif;
font-weight:bold
}
input {
border:1px solid black;
background-color:#000066;
font-family:"trebuchet ms",sans-serif;
color:white;
}
select, option {
background-color:red;
color:white;
}
textarea {
border:1px solid black;
background-color:#000066;
font-family:"trebuchet ms",sans-serif;
color:white;
}





input.bouton {
/*border:2px outset red;*/
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:white;
/*color:red;*/
}
input.bouton:active {
/*border:2px inset red;*/
background-color:red;
color:white;
}

merci a tous


--!>
font-family="courier";
margin-top: 10px; margin-bottom: 0px;
 
Si tu nous disais ce qui ne marche pas, ça serait plus pratique
wink.gif
 
Patmac a dit:
je ne sais pas pas pourquoi ca ne marche pas sur safari

Safari utilise les éléments de Mac OS X pour les menus déroulants, les boutons, etc, donc les styles appliqués dans les autres navigateurs n'apparaissent pas. Comparer par exemple les éléments en haut de la page d'accueil du site Openweb (menu déroulant, champ de recherche et bouton) dans Safari et Firefox.
 
Patmac a dit:
a {color="#000066"; text-decoration: none;}// couleur des liens
a:hover {text-decoration: underline overline; color="red";}//couleur du lien quand on passe dessus
body {font-family=""; background-color: #6B87F0; font-size: 20px; color="#000066"; margin-top: 10px; margin-bottom: 0px;}
Déjà il y a des érreurs là. on fait color:#000066 au lieu de color="#000066" .
font-familly aussi à enlever

A mon avis c'est internet explorer qui donne quand même un résultat car il est mauvais
laugh.gif

Safari respecte les standards donc ça passe pas
tongue.gif