Zum Inhalt springen

Formularbeschriftung

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

Tags: HTML & CSS, Frage

TCOF ·

Hallo zusammen!

beschäftige mich jetzt seit ein paar tagen mit Typo3 und bin echt begeistert. nach anfänglichen schwierigkeiten klappt jetzt auch alles soweit ganz gut. nur ein problem konnte ich bisher leider noch nicht lösen. wie kann ich dem Text in Formularen eine schriftart zuweisen bzw. sagen von welchem typ die sind. wollte gerne auf meiner ganzen seite die selbe schrift haben aber die feldbeschriftungen in den formularen fallen aus der reihe.

gruß thomas

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.