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