---
title: "Submit-Button auch als Grafik"
url: "https://www.typo3.net/d/9132-submit-button-auch-als-grafik"
source: "typo3.net"
tags: ["Extensions","Frage"]
created: "2004-02-16"
last_reply: "2004-03-27"
replies: 12
solved: false
page: 1
pages: 1
lang: "de"
---

# Submit-Button auch als Grafik

Extensions · 12 Antworten · gestartet 2004-02-16

## Eröffnungsbeitrag

**derhansen** · 2004-02-16 · [Beitrag #1](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/1)

Hallo,

ist es auch möglich den Submit-Button bei Formularen als Grafik erscheinen zu lassen?

Gruß,
Torben Hansen

## Antworten

### [#2](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/2) · Evchen · 2004-02-23

Hallo,

hat schon jemand eine Antwort auf die Frage? Möchte nämlich auch eine Grafik statt submit-Button...

Greetz
Evchen

### [#3](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/3) · Stoneage · 2004-02-23

ja. beliebte methode ist zb. mit stylesheets.

### [#4](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/4) · Evchen · 2004-02-23

Hallo,

mein Problem liegt nicht darin, die Felder zu formatieren... Mit CSS hab ich ja schon die Eingabe-Felder formatiert. Ich brauche aber einen verständlichen Code, um statt

```plaintext
 | formtype_mail=submit | senden
```

einen

```html
<input type="image" src="images/profilspeichern.gif" width="170" height="46" border="1" name="senden">
```

Grafischen Submit-Button anzeigen zu lassen... Nur leider geht das nicht über den Formular-Assistenten. Ich hab auch schon ähnliche Posts gefunden, nur leider bezieht sich das ganze meist auf Suchformulare und nicht auf Kontakt-Formulare...

Greetz Evchen

### [#5](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/5) · Evchen · 2004-02-23

Hat sich schon erledigt... Wenn man im Formular-Assistenten die Eingabe von HTML erlaubt, kann man den ganzen HTML-Code für einen Grafischen Button einfügen...

Greetz Evchen

### [#6](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/6) · Stoneage · 2004-02-23

oh, wußte ich gar nicht dass das geht formular und html. ich meinte mit stylesheet auch background img. verstehste? aber so wie du ist natürlich eleganter.

Tetramatrix

### [#7](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/7) · Evchen · 2004-02-23

Ich wusste vorher auch nicht, dass das funzt... hab es einfach ausprobiert...

Mit bgimage bei submit button gestaltet sich bei meiner Verwendung etwas schwerer... die button sehen nämlich ganz anders aus...

Naja, hab das Problem ja schon gelöst... Hoffe ich... Muss jetzt noch testen, ob die eMail wirklich ankommen...

### [#8](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/8) · fantasia · 2004-02-23

Hi Leute,

blöde Frage (bin Anfänger!)
wo kann man die Eingabefelder mit CSS formatieren?

Bei mir passiert nichts, wenn ich im Formularassistenten
HTML -Modul aktiviere.
Also verstehe ich nicht, wo ich den Code eingeben kann.

Danke im Voraus

### [#9](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/9) · Evchen · 2004-02-24

Also, wenn du global eine externe css-datei angegeben hast, kannst du
folgendes unter Info/Modify -> Setup angeben:

```typoscript
tt_content.mailform.20.params = class="button"
```

oder du gehst über den TypoScript Object Browser, suchst nach
tt_content -> mailform -> [20]=Form -> params

da kannst du dann z.b input eingeben, wenn du in der CSS mit dem Wert gearbeitet hast...

im CSS sollte das dann so aussehen, wenn du mit Classes arbeitest

```css
	.button {
	  background-color:#E0DFE3;
	  color: #000000;
	  font-family:Tahoma;
	  font-size:12px;
	  border: 1 solid #7F7F7F;
	}
```

oder wenn du alle Input-Felder formatieren willst:

```css
	input {
	  background-color:#E0DFE3;
	  color: #000000;
	  font-family:Tahoma;
	  font-size:12px;
	  border: 1 solid #7F7F7F;
	}
```

### [#10](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/10) · fantasia · 2004-02-24

Danke Evchen,

es hat mir weitergeholfen.

Gruss

### [#11](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/11) · molari · 2004-03-24

```typoscript
tt_content.mailform.20.params = class="button"
```

Hallo Evchen,
auch mir hat dein Beitrag weitergeholfen. Er formatiert mir jetzt aber leider auch die Eingabefelder mit der class, es sollte aber nur der submit button werden. Hast Du vielleicht noch einen Tip ?

Gruß
Oli

### [#12](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/12) · molari · 2004-03-26

habe das Problem lösen können.

### [#13](https://www.typo3.net/d/9132-submit-button-auch-als-grafik/13) · jochen · 2004-03-27

Habe es jetzt auch gelöst mit:

im Template/SETUP:
tt_content.mailform.20 {
  layout = <tr><td>###LABEL###</td><td>&nbsp;&nbsp;&nbsp;</td><td>###FIELD###</td></tr>
  params >
  params.input = class="text"
  params.submit = class="button"
  fieldWrap =
  labelWrap.wrap =
}

im Stylesheet:
.button
{
  font-size: 9px;
  font-weight: bold;
  background-color: #F3F3F3;
}

.text
{
  font-size: 9px;
  font-weight: normal;
  background-color: #FFFFFF;
}

---

Quelle: „Submit-Button auch als Grafik“, typo3.net, https://www.typo3.net/d/9132-submit-button-auch-als-grafik
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.