✔ bild als submit-button?

[Miraculixx]

Ich habe auf einer html-Seite eine post-form, die momentan mit einem normalen submit-button abgesendet wird.

Allerdings möchte ich jetzt dazu ein Bild verwenden - laut selfhtml.org würde dies dann ca. so aussehen:

<input type="image" src="img/calc.jpg" alt="Berechnen" name="submit">

Nur funktioniert das nicht, die Seite wird zwar aufgerufen, aber die Werte werden nicht mit übergeben.

Kann mir jemand weiter helfen, was ich falsch mache?

Herzlichen Dank
Eldarion

 

[D@nger]

Hallo, kannst du mal den ganzen Code posten?

 

[Maik]

Alternativ zum Attribut type="image" könntest du auch mit Hilfe der CSS-Eigenschaft background-image die Grafik als Hintergrundbild für den Submit-Button bestimmen:

<input type="submit" style="background-image:url(img/calc.jpg); width:80px; height:20px;" alt="Berechnen" name="submit">

Die Breiten- und Höhenangabe entsprechen hierbei der Grafikdimension.

 

[Miraculixx]

Hm also die Form geht so auf:

<form action="<?php echo $_SERVER["PHP_SELF"] ?>" method="post">

und danach ganz normal wieder zu (</form>)
darin befinden sich einige textbox-elemente (und noch viele andere sachen wie tables, bilder etc. - aber das dürfte ja für dieses problem wohl nicht so wichtig sein)

@michaelsinterface: Thx für deinen Vorschlag, aber dabei wird der Button über das Hintergrund-Bild gezeichnet, in dem "Senden" drin steht - sieht sehr eigenartig aus.
Zu sehen hier: http://n-design.biz/ets/baurechner/index.php

Ich hoffe es gibt noch eine andere Möglichkeit...
Thx für eure Hilfe

 

[Maik]

Entweder verwendest du type="button", oder du fügst noch ein leeres value="" ein, damit vom Browser nicht der Text "Anfrage senden" in den Button generiert wird.

 

[Darkhell]

Hallo Miraculixx,

versuchs doch mal so:

<input type="submit" style="background-image:url(img/calc.jpg); width:80px; height:20px;" alt="" value="" name="submit">

Damit ist das Senden weg und du siehst nurnoch den Button.

 

[Dennis Wronka]

Koennte da nicht vielleicht der <button>-Button helfen?

 

[Maik]

@Darkhell: den Vorschlag mit dem leeren value-Attribut habe ich doch eben schon genannt?

 

[Darkhell]

@michaelsinterface: Oh Sorry hab ich net gesehn

 

[Miraculixx]

Herzlichen Dank für eure Antworten - mit dem leeren value-Tag funktioniert es jetzt!
Aber richtig "schön" ist es noch nicht - ich habe noch immer den grauen Rand vom Submit-Button als Rahmen ums Bild herum - es muss doch noch eine andere Möglichkeit geben, dass der Rahmen auch noch verschwindet - oder etwa nicht?

@Dennis Wronka: Ich glaube nicht dass der <button>-Tag funktioniert, weil mit diesem werden die Inhalte der Textfelder nicht an die neue Seite mitgesendet (soweit ich das mit meinen Versuchen herausgefunden habe) - also es muss anscheinend doch ein Submit-Button sein.