Submit-Button: Text-Bewegung ausschalten

[Klaus]

Hallo,

ich versuche einen Formular-Button (Input-Submit-Button) in mein Gesamtlayout zu integrieren.
Soweit so gut, es gab keine Probleme, mit der Außnahme, dass ich es nicht geregelt kriege, die Bewegung des Textes des Buttons beim klicken auszuschalten.

Folgendes habe ich versucht:

HTML:

  
<input id="test" type="submit" value="&gt;" />  

CSS:

  
#test, #test:link, #test:visited, #test:active, #test:hover, #test:focus {  
 font-size: 1em;  
         line-height: 1em;  
 margin: 0;  
         padding: 0;  
         border: 0;  
         width: 2em;  
         height: 1em;  
         display: block;  
         text-decoration: none;  
         text-indent: 0;  
         text-align: center;  
         vertical-align: middle;  
         color: black;  
         background-color: grey;  
}  

Ideen?

Grüße
Klaus

[Felix Riesterer]

Lieber Klaus,

definiere bitte die Bedeutung folgende Formulierung:

die Bewegung des Textes des Buttons beim klicken auszuschalten.

Meinst Du die "Eindrückbewegung" eines Buttons beim betätigen?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Klaus]

Hallo!

definiere bitte die Bedeutung folgende Formulierung:

die Bewegung des Textes des Buttons beim klicken auszuschalten.

Das ist nicht einfach...

Meinst Du die "Eindrückbewegung" eines Buttons beim betätigen?

So einfach kann's sein. ;)
Genau das meine ich!

Viele Grüße
Klaus

[davidp]

Hi,

Meinst Du die "Eindrückbewegung" eines Buttons beim betätigen?

So einfach kann's sein. ;)
Genau das meine ich!

das könnte man so lösen: <a href="javascript:submit()"><img src="button.gif"></a>
du musst nur ein screenshot vom button mit dem text machen und anpassen

lg davidp

[Klaus]

Hallo!

das könnte man so lösen: <a href="javascript:submit()"><img src="button.gif"></a>

Das hätte ich dazu sagen sollen: JavaScript kommt nicht in Frage.

Grüße
Klaus

[Auge]

Hallo

das könnte man so lösen: <a href="javascript:submit()"><img src="button.gif"></a>

Das hätte ich dazu sagen sollen: JavaScript kommt nicht in Frage.

Finde dich damit ab, dass das nicht (zuverlässig) geht. Dieses Verhalten wird nicht vom Browser gesteuert, wie es Thorsten Schleppi vermutete, sondern vom Betriebssystem, der die Formularelemente auch bereitstellt. Entsprechend sehen sie auch aus.

Deshalb ist eine Formatierung von Formularelementen, je nach Betriebssystem und Browser, auch in sehr unterschiedlichem Maße möglich. Zumal sich bestimmt jemand, der mit einem anderen Betriebssystem als du unterwegens ist, arg wundern würde, wenn in seinem Browserfenster auf einmal ein "fremder" Button zu sehen ist.

Tschö, Auge

[Felix Riesterer]

Liebes Auge,

Dieses Verhalten wird nicht vom Browser gesteuert, wie es Thorsten Schleppi vermutete, sondern vom Betriebssystem, der die Formularelemente auch bereitstellt. Entsprechend sehen sie auch aus.

ich bin jetzt verunsichert, ob es _der_ oder _das_ Betriebssystem heißt...

Außerdem widerspricht der Safari unter Windows dieser Deiner obigen Aussage, denn dort sind sowohl GUI-Elemente wie Scrollbars, Fensterrahmen und -titelleisten, als auch Buttons visuell _entschieden_ anders, als in IE, Firefox oder Opera. Hast Du denn den Safari noch nie unter einem nicht-Apple-Betriebssystem ausprobiert?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Auge]

Hallo

Dieses Verhalten wird nicht vom Browser gesteuert, wie es Thorsten Schleppi vermutete, sondern vom Betriebssystem, der die Formularelemente auch bereitstellt. Entsprechend sehen sie auch aus.

ich bin jetzt verunsichert, ob es _der_ oder _das_ Betriebssystem heißt...

Jaja, hast ja recht. "Das" Betriebssystem, Asche auf mein Haupt. :-)

Außerdem widerspricht der Safari unter Windows dieser Deiner obigen Aussage, denn dort sind sowohl GUI-Elemente wie Scrollbars, Fensterrahmen und -titelleisten, als auch Buttons visuell _entschieden_ anders, als in IE, Firefox oder Opera.

Das gilt auch für iTunes unter Windows. Ich würde das aber unter "Ausnahme von der Regel" verbuchen.

Hast Du denn den Safari noch nie unter einem nicht-Apple-Betriebssystem ausprobiert?

Nö, unter Windows 2000 läuft der ja nicht ohne weiteres. An die auch hier aus Anlass der Veröffentlichung der ersten Beta für Windows erwähnten Anpassungen, die speziell dafür nötig sind, um das Ding unter jenem Betriebssystem zum Laufen zu bringen, habe ich mich aber nie herangewagt.

Tschö, Auge

[Matze]

Hallo!

Meinst Du die "Eindrückbewegung" eines Buttons beim betätigen?
Genau das meine ich!
das könnte man so lösen: <a href="javascript:submit()"><img src="button.gif"></a>
du musst nur ein screenshot vom button mit dem text machen und anpassen

Schlechte Idee weil du dann einen Button hast der bei allen wie bei dir aussieht, nicht aber wie die anderen "eigenen" Buttons.
Davon mal abgesehen, dass verschiedene Browser eh verschiedene Buttons haben.

Ich wüsste nicht, dass man diesen Effekt unterdrücken kann.

Grüße, Matze

[Thorsten Schleppi]

Hallo!

Meinst Du die "Eindrückbewegung" eines Buttons beim betätigen?
Genau das meine ich!

Ich habe das auch einmal versucht, hab mich aber damit abfinden müssen, dass diese "Eindrückbewegung" wohl etwas browserspezifisches ist. In einigen Browsern lässt sie sich abschalten, in einigen nicht. Das gleiche gilt für die Umrandung des Submit-Buttons bei aktivem Eingabefeld.

Das macht aus User-Sicht auch insofern Sinn, dass man klar erkennen kann, ob es sich um einen Link oder einen Button handelt.

Viele Grüße
Thorsten