Zum Inhalt springen

Formularbeschriftung

Erstellt am 12. September 2004 · 11 Antworten · letzte Antwort am 13. September 2004

Tags: HTML & CSS, Frage

jenses ·

Hallo Thomas !

Folgendes in dein Stylesheet, entsprechend angepaßt :

INPUT {
  color : #32378C;
  background-color: #D7D9DC;
  font-size: 12px;
  font-weight: normal;
  font-family : Arial,Verdana,Helvetica,sans-serif;
  border: solid 1px;
  border-color: #2C2C2C;
  padding: 0px 0px 0px 0px;
  vertical-align:bottom;
}
TEXTAREA {
  color : #32378C;
  background-color: #D7D9DC;
  font-size: 12px;
  font-weight: normal;
  font-family : Arial,Verdana,Helvetica,sans-serif;
  border: solid 1px;
  border-color: #2C2C2C;
  padding: 0px 0px 0px 0px;
  vertical-align:bottom;
}

INPUT ist für Name,eMail-Felder usw. zuständig,
auch für den Absende-Button.
TEXTAREA z.B. für das Nachrichten-Feld.

viele Grüße
jenses

TCOF ·

hallo jenses!

danke für die schnelle antwort. hab das gerade mal ausprobiert und irgendwie ändert sich da garnichts. 🙁

hab hier mal nen link zu nem bild wie es ist (oben) und wie es ausschauen soll (unten).

Formular

Gruß Thomas[/url]

jenses ·

Hallo Thomas !

Na, es sollte sich zumindest das Aussehen der Felder,
des Buttons und der Beschriftungen geändert haben.

Den Text innerhalb der Eingabemaske formatierst du mit :
tt_content.mailform.20.fieldWrap.wrap = <p> | </p>

oder etwas Ähnlichem, im Typoscript Objectbrowser, Setup.

jenses

jenses ·

Fehler Fehler !!!

Das Mailformular tanzt ja aus der Reihe und will extra formatiert werden :

/* Formatierung des Mail-Formulares */
.mailform { font-size: 12px; font-style: normal; color: #32378C; }
.mailformrequired { font-size: 12px; font-style: normal; color: #32378C; }
.mailformradio { font-size: 12px; font-style: normal; color: #FFFFFF; }
.mailbutton {
  color : #32378C;
  background-color: #D7D9DC;
  font-size: 12px;
  font-weight: normal;
  font-family : Arial,Verdana,Helvetica,sans-serif;
  border: solid 1px;
  border-color: #2C2C2C;
  padding: 0px 0px 0px 0px;
  vertical-align:bottom;
}
/* ------------------------------------------------------------------ */

so sollte es klappen !

Gruß
jenses

TCOF ·

Hallo Jenses!

irgendwie funktioniert das immernoch nicht. keine veränderung. kann es sein das ich sonst noch was vergessen habe wodurch das nicht gehen könnte???

gruß thomas

jenses ·

Nicht du,
sondern ich hab noch was vergessen.
Nun sind zwar die Klassen im Stylesheet definiert,
aber Typo3 weiß noch nichts davon, daß es sie benutzen soll.

Ins Template / Setup :
tt_content.mailform.20.labelWrap.wrap = <span class=mailform>|</span>
tt_content.mailform.20.radioWrap.wrap = <span class=mailformradio>|</span>
tt_content.mailform.20.REQ.labelWrap.wrap = <span class=mailformrequired>|</span>

Jetzt geht's denn aber !?

jenses

TCOF ·

kann es denn sein das ich sonst noch einen schritt vergessen habe? muss ich vorher noch einstellungen vornehmen bei denen ich was vergessen haben kann?

TCOF ·

ja, mach ich gleich mal. das komisch ist ja, das ich alles über die css anpassen kann außer halt das bei den formularen...

TCOF ·

hab jetzt nochmal alles was ich hier versucht habe rausgeworfen und versuche es jetzt nochmal ganz von vorne. vielleicht bringt das ja was.