Formular Buttons als Grafik

Status
Nicht offen für weitere Antworten.

hornet1410

Erfahrenes Mitglied
Hi erst mal...
Hab folgendes Problem:
Hab ein Formular bei dem ich gerne die Buttons "Abschicken" und "Abbrechen" durch Grafiken ersetzen möchte. Bei dem Abschicken Button funktioniert das auch einwandfrei. Hier das Beispiel:
<input type=image src="http://www.usw...abschicken.jpg" name='submit' value='Abschicken'>
Aber mit dem Abbrechen Button hab ich Probleme! Er bricht es nicht ab, sondern sendet es genau so ab. Wie bekomm ich folgenden Befehl
input type="reset"
in den Button mit rein. Zur zeit steht ja folgendes, wie auch beim Abschicken Button:
<input type=image src="http://www.usw...abschicken.jpg" name='submit' value='Abbrechen'>
Aber das kann ja net gehen!
 
Sollte mit CSS kein Problem sein:
Code:
input.grafik { background-image: url(http://www.usw...abschicken.jpg); }
HTML:
<input class='grafik' type='submit' name='submit' value='Abschicken'> 

<input class='grafik' type='reset' name='reset' value='Abbrechen'>
 
@Suchfunktion: in diesem Beispiel verwende ich eine Grafik mit den Dimensionen 90*17px als Button-Hintergrund:

Code:
input.grafik
{
background-image: url(menuItem.png);
width: 90px;
height: 17px;
border: 0;
}
HTML:
<form>
<input class="grafik" type="submit" value="submit">
</form>
  • Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23
 
Status
Nicht offen für weitere Antworten.
Zurück