cssButton
it's a question of style

Gerade bei der Nutzung von z.B. AJAX lohnt es sich nicht, Formulare zu "missbrauchen", um Aktionen auszulösen. Um den Benutzern trotzdem das Gefühl zu vermitteln, sie würden einen Button betätigen, gibt es eine sehr einfache Möglichkeit, dies zu erreichen.

Man braucht dazu nur einen kleinen Farbverlauf und ein wenig CSS, schon sieht beispielsweise ein Link aus wie ein Formular-Button.


Live-Example

Absenden   Speichern


Usage Example

<a href="#" class="cssButton">Absenden</a>
<a href="#" class="cssButton">Speichern</a>

StyleSheet

a.cssButton {
	margin: 0; padding: 3px 6px; 
	border: 1px solid #ccc; color: #444; 
	background: url(gradientBG.jpg) repeat-x 0 0; 
}

a.cssButton:hover { 
	border-color: #aaa; color: #111; 
	text-decoration: none;
}