✔ Eigener Submit-Button

[hjmettel]

Hi,

ich versuche eigene Submitt-Button zu erstellen. Habe mit dem html-tag <button> es geschafft eine eigene grafik auf den submitt zu legen. allerdings ist der graue submitt im hintergrund zu sehen. hier in diesem forum wurde an jemanden anders eine lösung angeboten :

<input type="submit" border="0" name="aendern" value="&nbsp; Speichern" style="border:0; background-image:url(symbole/button_ok.gif); background-color:#FFFFFF; background-repeat:no-repeat; background-position:left; line-height:18px; height:22px; font-size:10px;">

Dies funktioniert in firefox aber nicht in ie7. Außerdem als style gehts irgendiwe nicht. auch nicht in firefox.

was tun

 

[aGeNET]

Hallo,

da du den Button ja schon selber gestylt hast, versuch es mal damit:

<button type="submit" class="deineKlasse">{Text} bzw. {Grafik}</button>

class kannst du optional verwenden, falls du das über ein Stylesheet machen möchtest, id würde natürlich auch gehen, je nach dem was du möchtest

 

[d2wap]

Ein kleines Tutorial:
http://www.webmaster-resource.de/tricks/html/eigene-grafik-als-submit-button.php

Das Beispiel beweist, dass es funktioniert

 

[hjmettel]

Danke allen, die mir eine Lösung angeboten haben