CSS 3 - Runde Ecken Probleme
john
- css
Hey.
Ich will in meiner Navigation die obere linke und obere rechte Ecke eines jeden Links, rund darstellen lassen.
#nav li a {color:#FFFFFF;padding-left:12px;padding-right:12px;padding-top:5px;padding-bottom:5px;display:block;text-decoration:none;font-weight:bold;margin-left:26px;color:#fff;}
#nav li a:hover, .nav_a_on {background-color: #ffdc63;color:#5789b1;
border:1px solid #ffdc63;
border-top-left-radius: 5px 5px;
-moz-border-top-left-radius:5px 5px;
-o-border-top-left-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-moz-border-top-right-radius: 5px 5px;
-o-border-top-right-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
}
Das klappt aber nicht. Dabei habe ich jegliche Variation reingebracht die ich kenne. Der Link wird auch als Block-Element dargestellt. Also woran liegt das?
Dabei teste ich aktuelle im Firefox 3.6.10
Die Fehlerkonsole sagt komischerweise:
Warnung: Unbekannte Eigenschaft 'border-top-left-radius'. Deklaration ignoriert.
Warnung: Unbekannte Eigenschaft '-moz-border-top-left-radius'. Deklaration ignoriert.
usw..
Könnt ihr mir da helfen?
Lg, John
[latex]Mae govannen![/latex]
Dabei teste ich aktuelle im Firefox 3.6.10
Warnung: Unbekannte Eigenschaft '-moz-border-top-left-radius'. Deklaration ignoriert.
Cü,
Kai
Om nah hoo pez nyeetz, john!
wie die Deklarationen richtig heißen müssen und wie die Browser die Ergebnisse dartellen kannst du bei Gunnar nachlesen.
Matthias