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

[nehl]

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:

<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

[ciaobello]

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

Ein echter Link wäre optimal

[nehl]

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