thunderstorm: Je länger der ButtonText je grösser d. Abstand zum Rand?

SELF-Forum

Je länger der ButtonText je grösser d. Abstand zum Rand?

thunderstorm
– Informationen zu den Bewertungsregeln

Hi Leute,
Das Ziel ist Buttons zu haben, die links und rechts des Valuetextes den gleichen Abstand zum Btn-Rand haben.

Ich weiss, dass ohne genaue Breite des Buttons sich an die Länge des Value Textes anpasst.

In meinem Style hab ich  u. anderem Padding (links und rechts) von 2 Pixeln um den Abstand von text zum Buttonrand zu vereinheitlichen ohne die Breite des Buttons via CSS angeben zu müssen (siehe Code unten).
ABER... je länger der ValueText ist, desto weiter wird auch der Abstand zum Button-Rand!!!

Wer kann mir helfen und ...
a.) weiss, warum das so ist?  ...und...
b.) was ist allenfalls der Workaround um die Abstände einzuhalten?

Thanx im Voraus für Eure Hilfe und ein schönes Weekend
thunderstorm

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.pushbutton {
 font-family: Arial, Helvetica, sans-serif; font-size: 12px;
 background-color : #e8eff6;
 border-style: solid;
 border-left-color: #99adc2;
 border-top-color: #99adc2;
 border-right-color: #494949;
 border-bottom-color: #494949;
 border-width: 1px;
 height: 20px;
 padding-left: 2px;
 padding-right: 2px;
}
</style>
</head>
<body>
<form>
 <input class="pushbutton" type="button" name="btn1" value="OK">
 <input class="pushbutton" type="button" name="btn2" value="Nebukatnetse geht Online...">
</form>
</body></html>

Beitrag melden
–
Informationen zu den Bewertungsregeln