Ergebnis 1 bis 3 von 3

Thema: [SOLVED] "Mendatory" E-Mail-Pflichtfeld bündig zum Rest?

  1. #1
    Contao-Nutzer
    Registriert seit
    18.05.2013.
    Beiträge
    81

    Frage [SOLVED] "Mendatory" E-Mail-Pflichtfeld bündig zum Rest?

    Hallo zusammen,

    ich stehe gerade ein wenig auf dem Schlauch. Ich bekomme innerhalb meines Moduls "Newsletterverwaltung" das E-Mail-Pflichtfeld nicht bündig zum Rest, siehe Screenshot:

    screen.jpg

    Mein Quellcode sieht wie folgt aus:

    HTML-Code:
    <div class="mod_avisota_subscription block">
    <form action="endkunden.html" method="post" id="tl_avisota_recipient">
    <div class="formbody">
    <input type="hidden" name="FORM_SUBMIT" value="tl_avisota_recipient" />
    <input type="hidden" name="REQUEST_TOKEN" value="2a53cc8f31cb0175c74fa8b945ab1f3f" />
    <p class="preamble">Melden Sie sich zu unserem Newsletter an.</p>
    <div class="fields">
     <label for="ctrl_email" class="mandatory"><span class="invisible">Pflichtfeld</span> E-Mail<span class="mandatory">*</span></label> 
      <input type="text" name="email" id="ctrl_email" class="text mandatory" value="" required maxlength="255"><br>
      <label for="ctrl_firstname">Vorname</label> 
      <input type="text" name="firstname" id="ctrl_firstname" class="text" value="" maxlength="255"><br>
      <label for="ctrl_lastname">Nachname</label> 
      <input type="text" name="lastname" id="ctrl_lastname" class="text" value="" maxlength="255"><br>
      <label for="ctrl_gender">Geschlecht</label> 
      <select name="gender" id="ctrl_gender" class="select"><option value="">-</option><option value="male">Männlich</option><option value="female">Weiblich</option></select><br>
    </div>
    <div class="submit_container">
    	<input type="submit" name="subscribe" value="Abonnieren" />
    	<input type="submit" name="unsubscribe" value="Kündigen" />
    </div>
    </div>
    </form>
    </div>
    Habe mit der Klasse .mandatory schon einiges - vergebens - versucht; jemand einen kleinen Tipp für mich, wie ich das via CSS bündig bekomme?

    EDIT: der span.invisible scheint trotz Unsichtbarkeit, das Label zu verschieben?

    Danke und VG
    Nils
    Geändert von nehl (14.07.2013 um 16:48 Uhr)

  2. #2
    Contao-Urgestein
    Registriert seit
    10.07.2010.
    Beiträge
    4.403
    User beschenken
    Wunschliste

    Standard

    Falls Contao3, hast Du das Formular.css im Seitenlayout eingebunden? Das reset.css auch?

    Ein echter Link wäre optimal


  3. #3
    Contao-Nutzer
    Registriert seit
    18.05.2013.
    Beiträge
    81

    Standard

    Zitat Zitat von ciaobello Beitrag anzeigen
    Falls Contao3, hast Du das Formular.css im Seitenlayout eingebunden? Das reset.css auch?

    Ein echter Link wäre optimal
    Ist Contao 2.11.11 - sorry; diese Angabe hätte ich noch mitliefern können.
    "Echter" Link wird bisschen schwierig. Geheimoperation und so

    Spaß bei Seite - die website ist noch im Aufbau und somit kann ich nicht so einfach einen Testlink rausgeben.
    Mir ist bewusst, dass ein Link natürlich wesentlich besser hilft.

    Verwende keiner der Standard-CSS-Dateien :-) Habe mit viel Bastlerei Bootstrap mit Contao verknotet ^^ hierin liegt wohl dann auch das Problem.
    Aber habe eben geschaut. Die klasse .invisible ist def. ausgeblendet bzw. resettet.

    EDIT: manchmal hilft einfach nochmal simples Nachdenken....
    Hab den span nun auf width: 0; gesetzt und siehe da - es klappt.

    Meine Güte.

    Sorry und danke trotzdem! Sitz schon wieder viel zu lange davor.


    Danke schonmal!
    VG Nils
    Geändert von nehl (14.07.2013 um 16:48 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •