Warenkorb löschen und Template

Hallo habe wieder zwei Fragen und hoffe jemand kann mir helfen. Folgendes Problem:
Ich habe hier diesen Code:

<td valign="top" align="right"><input type="submit" name="###FIELD_NAME_BASKET###" value="löschen" onclick="this.form.###FIELD_NAME###.value='0'" /></td>

wollte aber kein Button löschen, sondern ein Bild und dann habe ich mal dieses versucht

<td valign="top" align="right"><input type="image" name="###FIELD_NAME_BASKET###" src="fileadmin/templates/delete.gif" onclick="this.form.###FIELD_NAME###.src='0'" /></td>

Das Bild wird mir auch angezeigt, aber der Wert wird nicht auf 0 gesetzt. Es handelt sich hierbei um einen Warenkorb im Typo3. Auch wenn ich src='0' auf value'0' lasse klappt es nicht. Wie kann ich das so machen das es funktioniert? Zudem ist da ein Rahmen um das Bild den möchte ich auch nicht und border="0" hat irgendwie nicht geklappt.

Und dann ne Frage zum Template. Beim Firefox wird die Produktliste richtig anzeigt, aber im IE ist die sehr Breit und es passt nicht alles in die Spalte.
Hier mal der Codeschnipsel und ich sehe gerade nicht woran es liegen könnte:

<table border="0" cellspacing="0" cellpadding="1" width="1">

  <tr>

    <td><!--###LINK_PREV###-->###GW2B###<div align="left">

        <b>Vorherige Seite</b></div>###GW2E###<!--###LINK_PREV###--></td>

    <td></td>

    <td></td>

    <td><!--###LINK_NEXT###-->###GW2B###<div align="right"><b>Nächste    

        Seite</b></div>###GW2E###<!--###LINK_NEXT###--></td>

  </tr>

  <tr>

    <td><img src="clear.gif" width="100" height="1" alt="" /></td>

    <td><img src="clear.gif" width="5" height="1" alt="" /></td>

   

<!--Hier ist die Tabelle kleiner, als im Default Template.

Dort ist die Breite 300

-->

    <td><img src="clear.gif" width="200" height="1" alt="" /></td>

    <td><img src="clear.gif" width="100" height="1" alt="" /></td>

  </tr>

 

<!-- ###ITEM_CATEGORY_AND_ITEMS### begin -->

<!-- ###ITEM_CATEGORY### begin -->

  <tr>

    <td colspan="4">###GW1B###<font size="3">

    <strong>###CATEGORY_TITLE###</strong></font> ###GW1E###</td>

  </tr>

     

<!-- ###ITEM_CATEGORY### end -->

<!-- ###ITEM_LIST### begin -->

  <tr>

    <td colspan="3" bgcolor="###GC2###">###GW2B###<b>Produkte:</b>###GW2E###</td>

    <td bgcolor="###GC2###">###GW2B###<b>Anzahl:</b>###GW2E###</td>

  </tr>

  <tr>

    <td colspan="4"><img src="clear.gif" width="1" height="6" alt="" /></td>

  </tr>

onclick="this.form.###FIELD_NAME###.src='0'"

Statt ###FIELD_NAME### sollte hier die id des Bildes stehen. Also beim Bild 'id ="Bild-id"' dazufügen. Und dann

onclick="this.getElementById('Bild-id').src='0'"

Hallo danke das klappt auch, aber nur im Firefox und nicht im IE.

Hänge auch an diesem Problem "IE". Hat jemand eine Lösung gefunden?

<input id="###FIELD_NAME###" onclick="this.form.###FIELD_NAME###.value='0'" type="image" name="###FIELD_NAME_BASKET###" src="fileadmin/Bilder/delet.jpg" value="0" />

Als Absendebutton:

type="submit"

ohne Bild funktioniert es. Brauche es aber als img.

Also,

ich würde den typ weiterhin auf "submit" lassen und über css den Button entsrechend anpassen.

Ungefähr so:

<input id="###FIELD_NAME###" onclick="this.form.###FIELD_NAME###.value='0'" type="submit" name="###FIELD_NAME_BASKET###" class="btn_product_remove" value="0" />

und im CSS:

.btn_product_remove
{
    background-image: url(fileadmin/Bilder/delet.jpg);
    background-repeat: no-repeat;
    background-color: Transparent;
    border-style: none;

}

So hab ich es bei mir gelöst und das funzt wunderbar. Musst halt ja nach Bildgröße noch ein wenig an Breit und Höhe spielen und ggf. die Pfade relativ zur css-Datei anpassen.

Hoffe ich konnte dir weiter helfen.

Läuft...

Dankeschön Torti 😃