Zum Inhalt springen

Mailform-Labels individuell layouten

Erstellt am 15. Januar 2007 · 3 Antworten · letzte Antwort am 24. Januar 2007

Tags: HTML & CSS, Frage

MCQ ·

Zu meinem Problem:

Ich habe ein Standart-Mailform erstellt und möchte nun das es wie folgt aussieht:

Die Angaben Name, Firma, E-Mail und Telefon werden in Eingabefelder untereinander angeordnet und die Nachricht soll in einer textarea rechts neben den feldern eingegeben werden. Soweit kein Problem. Allerding soll über den eingabefeldern sowie über der textarea die zugehören labels angezeigt werden. Und da komm iich nicht weiter. Da die Labels keine extra klassen oder IDs besitzen lässt sich das Label für die Nachricht nicht direkt per css ansprechen. Ergo ich kann das Label "Nachricht" nicht über das Nachrichten-Feld platzieren.

Zu meiner Frage: Wie kann ich den Labels objekt-spezifische klassen zuweisen, das aus

      <div class="csc-mailform-field">
        <label for="mailformNachricht">
          Nachricht:
        </label>
<textarea name="Nachricht" id="mailformNachricht" cols="5" rows="5"></textarea>
      </div>

sowas wie

      <div class="csc-mailform-field">
        <label class="label-Nachricht" for="mailformNachricht">
          Nachricht:
        </label>
<textarea name="Nachricht" id="mailformNachricht" cols="5" rows="5"></textarea>
      </div>

wird.

Ich hoffe ihr könnt mir helfen.

Gruß MCQ

MCQ ·

You can also use the marker ###COMMENT### which is ALSO the label value inserted

Dieser Satz in der TSRef brachte mich auf folgende Idee:

tt_content.mailform.20.labelWrap.addParams.class=label-###COMMENT###
tt_content.mailform.20.REQ.labelWrap.addParams.class=label-###COMMENT###

und so scheint es auch zu funktionieren. Einzigster Nachteil, ich kann das Label nicht mehr mit "Nachricht:" beschriften, sondern nur mit "Nachricht" da CSS-klassen keine Doppelpunkte enthalten dürfen.

Sollte also noch jemannd einen marker kennen, mit dem ich statt des Label-Textes den namen des Feldes einfügen kann, würde ich mich da sehr drüber freuen.

Gruß MCQ

// Edit:

Ich habe gerade noch folgende Zeile hinzugefügt:

tt_content.mailform.20.commentWrap.substring=0,3

Damit kann ich (solange das Label mehr als 3 Zeichen hat) auch einen Doppelpunkt am ende setzen.

Ich hoffe irgendjemanndem damit geholfen und das hier nicht umsonst gepostet zu haben 8-)

Gruß MCQ

Honk88 ·

Hi,

kleine Anmwerkung noch, wenn ich richtig lese ist auch
das hier eine Lösung :

<div class="deineclasse">hier steht das label </div> | Info1=input,20,20

LG
Honk

MCQ ·

Mir ging es darum wir ich in TypoScript jedem Feld verschiedene Klassen geben kann, um ein Feld speziell ansprechen zu können. Was dein Post damit zutun hat is mir nicht ganz klar.