---
title: "Probleme bei der Formatierung von Formularen"
url: "https://www.typo3.net/d/88988-probleme-bei-der-formatierung-von-formularen"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS"]
created: "2009-04-19"
last_reply: "2009-04-19"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Probleme bei der Formatierung von Formularen

Extensions · 0 Antworten · gestartet 2009-04-19

## Eröffnungsbeitrag

**derkrebs** · 2009-04-19 · [Beitrag #1](https://www.typo3.net/d/88988-probleme-bei-der-formatierung-von-formularen/1)

Hallo,

ich habe in meine Typo3-Site ein Formular eingefügt und dieses mithilfe des folgenden Scripts
(Original:<http://www.pc-erfahrung.de/nebenrubriken/typo3/typo3-mailform-formatieren-anleitung.html>)
modifiziert:

```typoscript
tt_content.mailform.20 {
  accessibility = 1
  noWrapAttr=1
  formName = mailform
  dontMd5FieldNames = 1
  REQ = 1
  layout = <div>###LABEL### ###FIELD###</div>
  
  COMMENT.layout = <div>###LABEL### ###FIELD###</div>
  commentWrap.wrap = |
  
  RADIO.layout = <div>###FIELD### ###LABEL###</div>
  CHECK.layout = <div>###FIELD### ###LABEL###</div>
   
  LABEL.layout = <div>###LABEL### ###FIELD###</div>
  labelWrap.wrap = <div style="width:100px;"> |</div>  
   
  ### nach jeden Optionsfeld ein Umbruch, lässt man den weg, sind
  ### die Optionsfelder nacheinander
  radioWrap.wrap = |
  checkWrap.wrap = |
   
  ### Das selbe gilt für benötigte Felder in Formularen
  REQ.labelWrap.wrap = <div style="width:100px;"> |</div>
  stdWrap.wrap =  <div class="formu">|</div>
}

### Formular CSS zuweisen
### Die CSS müssen natürlich eingebunden werden

### Des weiteren habe ich für die einzelnen durch CSS definierten
### Input, Select, etc. Klassen, ebenfalls im Setup von TYPO3

tt_content.mailform.20 {
  params >
  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"
}
```

Zugehöriges CSS:

```html
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width: 60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width: 570px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
}

.mf-radio {
border: 0px;
}

.mf-text {
width: 300px;
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}

.mf-select {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-input {
width: 300px;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
}
```

... und das kommt dabei raus:

[Bild: crawfish.macbay.de/…/formular.jpg](http://crawfish.macbay.de/_t3/formular.jpg)

Paßt soweit alles super – außer die Checkboxen: da würde ich gerne
erreichen, dass der Text rechts neben den Feldern steht. Hab schon
alles mögliche versucht, aber ohne Erfolg... :-(

Weiß jemand Rat?

Vielen Dank schon mal für die Hilfe!

Gruß
Michael

---

Quelle: „Probleme bei der Formatierung von Formularen“, typo3.net, https://www.typo3.net/d/88988-probleme-bei-der-formatierung-von-formularen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.