CSS-Buttons - gestrichelte Lienie sieht im NS komischa aus

Status
Nicht offen für weitere Antworten.

oppa

Mitglied
Hi ihr !

Nochmal ein Problem mit meinen CSS-Buttons:
Sie werden ja gestrichelt "unterstrichen", bzw. wird der
untere Rand gestrichelt (style: dashed).
Im IE und im Opera funktioniert das bestens, jedoch
macht der Netscape Zicken: anstatt einfach noch 2 Strichchen
ranzuhängen verlängert er irgendwie die Striche, sieht jedenfalls so
aus.

Hier der komplette Code:

DIV.navbutton a
{
TEXT-DECORATION: none;
width:130px;
DISPLAY: block;
PADDING: 1px;
MARGIN: 0px;
FONT-FAMILY: Arial;
FONT-SIZE: 12px;
TEXT-ALIGN:left;
COLOR: #ffffff;
border-bottom-color:#DFDFDD;
border-bottom-style: dashed;
border-bottom-width: 1px;
float:right;
}

DIV.navbutton a:visited
{
TEXT-DECORATION: none;
width:130px;
DISPLAY: block;
PADDING: 1px;
MARGIN: 0px;
FONT-FAMILY: Arial;
FONT-SIZE: 12px;
TEXT-ALIGN:left;
COLOR: white;
border-bottom-color:#DFDFDD;
border-bottom-style: dashed;
border-bottom-width: 1px;
float:right;
}
DIV.navbutton a:hover
{
TEXT-DECORATION: none;
width:130px;
DISPLAY: block;
PADDING: 1px;
MARGIN: 0px;
FONT-FAMILY: Arial;
FONT-SIZE: 12px;
TEXT-ALIGN:left;
COLOR: #ffffff;
border-bottom-color:#DFDFDD;
border-left-color:#DFDFDD;
border-bottom-style: dashed;
border-left-style: dashed;
border-bottom-width: 1px;
border-left-width: 1px;
padding-left:10px;
background-image:url(pfeil.gif);
background-repeat:no-repeat;
background-position:left;
float:right;
}

Und ich weiße ich könnte das mit den Border-Attributen auch besser zusammenfassen,
so ist es momentan aber nch leichter falls eine Farbe sich ändern soll.

Woran liegt's das der Netscape es nicht so darstellt wie ich es gerne hätte ?

THX @ All
 
Stellt sich die Frage, auf welchem Netscape du testest. Der 4er unterstützt die Eingeschaft dashed nicht, wie aus dieser Tabelle unschwer zu erkennen ist.
 
Status
Nicht offen für weitere Antworten.
Zurück