Hallo Leute,
ich habe ein Problem mit einem Button auf meiner seite.
Ich möchte gerne einen Button mit runden Ecken haben, der Textinhalt soll aber variabel sein, deshalb benutze ich für den folgenden Code nicht nur ein Bild:
css-Code
Code: [Auswählen]
span.bt_leftBg {
background-image: url(/buttons/leftBg.png);
background-position: right;
background-repeat: no-repeat;
float: left;
margin: 0;
padding: 0;
width: 13px;
height: 28px;
}
.bt_middleBg {
height: 26px;
background-image: url(/buttons/middleBg.png);
background-position: center top;
background-repeat: repeat-x;
float: left;
border: 0px solid;
margin: 0;
padding: 0;
}
span.bt_rightBg {
background-image: url(/buttons/rightBg.png);
background-position: left;
background-repeat: no-repeat;
float: left;
margin: 0;
padding: 0;
width: 12px;
height: 28px;
}der HTML Code
Code: [Auswählen]
<span class="bt_leftBg"></span>
<input type="submit" name="sent" value="Absenden" class="bt_middleBg">
<span class="bt_rightBg"></span>das ganze sieht aber nun so aus (schaut auf den Strich über den Button). Ich habe es nun versuch die Background- Farbe auf rot zu setzen, das hat auch geklappt, jedoch möchte ich diesen Button auch auf weißem Hintergrund benutzen können.
mfg
anc
button.PNG