---
title: "Grafischer Button bei Mailformular"
url: "https://www.typo3.net/d/29236-grafischer-button-bei-mailformular"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-08-26"
last_reply: "2006-06-02"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Grafischer Button bei Mailformular

Allgemein · 4 Antworten · gestartet 2005-08-26

## Eröffnungsbeitrag

**smoki** · 2005-08-26 · [Beitrag #1](https://www.typo3.net/d/29236-grafischer-button-bei-mailformular/1)

Hi leutz,

ich möchte gern eine Grafik über den Submit button legen.

Hab es schon mit css probiert Bsp.
submit
{
	background-image: url(fileadmin/img/senden.gif);
}
aber das funktioniert nicht wirklich.
Hat da jemand neh idee wie das gehn könnte vieleicht auch direkt in typo?

hoffe es kann mir jemand helfen

*peace

## Antworten

### [#2](https://www.typo3.net/d/29236-grafischer-button-bei-mailformular/2) · christianp · 2005-08-26

probier mal das

```typoscript
tt_content.mailform.20.image = IMAGE
tt_content.mailform.20.image.file = fileadmin/templates/images/submit.jpg
```

In die zweite Zeile muss der Pfad zu deinem Bild

### [#3](https://www.typo3.net/d/29236-grafischer-button-bei-mailformular/3) · smoki · 2005-08-26

jup werde ich gleich mal ausprobieren
danke

### [#4](https://www.typo3.net/d/29236-grafischer-button-bei-mailformular/4) · semidark · 2006-06-01

Hallo Zusammen,

habe gerade mal die hier genannte lösung ausprobiert und bin (wie könnte es auch anders sein) auf einen verblüffenden Effekt gestoßen.

Sobald ich dem mailform content element ein image zuweise versendet das mistding keine Emails mehr. Mit dem Schäbigen Standard Knopf funzkt es jedoch einwandfrei.

hier mal ein bisserl scriptcode

```typoscript
tt_content.mailform.20 {
  layout = <tr><td valign="top">###LABEL###</td></tr><tr><td>###FIELD###</td></tr>
  image = IMAGE
  image.file = fileadmin/templates/images/button_login.gif
#  image.wrap = <div align="center">|</div>
  params.input = class= "input_text"
}
```

Als alternative könnte ich dem submit button auch einen wrap oder eine ID verpassen und das Design mit CSS lösen. Nur hab ich hier für noch keinen Lösungsansatz gefunden.

Jemand eine Idee?

Gruß Semidark

### [#5](https://www.typo3.net/d/29236-grafischer-button-bei-mailformular/5) · semidark · 2006-06-02

Neuer Tag neues Glück.

diese seite <http://www.typo3wizard.com/de/snippets/menus/mailformular-buttons-und-felder-mit-klassen-belegen.html>
hat mir dann doch noch eine alternativ Lösung aufgezeigt.

Jetzt habe ich folgende Konfiguration und damit kann ich dann die Button class im css ansprechen un schön designen.

```typoscript
tt_content.mailform.20 {
  layout = <tr><td valign="top">###LABEL###</td></tr><tr><td>###FIELD###</td></tr>
  params.input = class="mf-input"
  params.password = class="mf-pass"
  params.textarea = class="mf-text"
  params.check = class="mf-check"
  params.radio = class="mf-radio"
  params.select = class="mf-select"
  params.file = class="mf-file"
  params.reset = class="mf-reset"
  params.submit = class="mf-submit" 
}
```

---

Quelle: „Grafischer Button bei Mailformular“, typo3.net, https://www.typo3.net/d/29236-grafischer-button-bei-mailformular
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.