• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Submit Button mit Grafik

Manni.KEULE

Mitglied
Hallo.
Ich habe ein Formular und möchte den Submit- und Abbrech-Button mit einer Grafik darstellen. Bei Abbruch garkein Problem, da ich einfach per Link auf die Startseite gehe.
Bei dem Submit Button stoße ich auf Probleme.
Ich habe
Code:
<input type='image' value='&Auml;ndern' name='eintragen' src='img/yes.png'>
probiert. Der Button wird wie gewünscht angezeigt, hat aber keine Funktion. Bei
Code:
<input type='submit' src='img/yes.png' name='eintragen' value='eintragen'>
wird der Standard-Button angezeigt. Hab auch schon versuche mit CSS (background-image) durch und was Google mir noch so vorgeschlagen hat..
Kann mir da jemand weiterhelfen?

Danke & Gruß

Manni
 
Werbung:
Code:
input[type="submit"]{
 background:url(img/yes.png) no-repeat left center;
}

Code:
<button type="submit">Ändern</button> oder
<input type="submit" value="Ändern">

Sollte so funktionieren!
 
Genial, danke!
Habs dann noch angepasst, aber funzt so wie ich mir das vorgestellt hab.

HTML:
Code:
<input type='submit' value='' name='eintragen'></input>

CSS:
Code:
input[type="submit"]{
 background:url(img/yes.png) no-repeat left center;
 width:128px;
 height:128px;
 border:0;
}
 
Werbung:
HTML:
<button type="submit" name="eintragen">
    <img src="img/yes.png" alt="" title="" />
</button>

¯\_(ツ)_/¯
 
Zurück
Oben