Loginformular und Menü in linker Spalte

**phlox81** · 24.06.2009, 11:16

Hallo, bin gerade mit 2.7.0 ein wenig am rumbasteln.
Habe jetzt ein Login Modul erstellt, welches auf der Startseite als Artikel in der linken Spalte eingebunden ist.
Da ist standardmäßig schon ein Navigationmenü. Nun habe ich das Problem, das beide Elemente an der selben Position erscheinen, und sich so überlagern.
Einziger Workarround für mich wäre halt, dem LoginArtikel ein entsprechenden Abstand nach Oben mit zu geben, was ich aber als fiesen Hack betrachte, und daher wollte ich mal fragen, wie man das richtig wieder hinbiegt...

phlox

**Stephan** · 24.06.2009, 11:18

Hallo phlox,

hast Du einen Link für uns, um sich das mal online anzuschauen? Vermutlich lässt sich das ganz einfach über CSS lösen.

Grüße
Stephan

**phlox81** · 24.06.2009, 11:30

Nein, ist alles lokal.
An CSS hab ich auch schon gedacht, wie gesagt, im Artikel kann ich ja auch einen abstand für davor und danach einbauen, darüber lässt es sich durchaus lösen, finde das aber einen ziemlichen hack.

Das entsprechende HTML von TL:

HTML-Code:

<div class="mod_article block" id="login">
<div class="mod_login two_column tableform login block" style="margin-top:20px; margin-bottom:20px;">

<h1>Mitglieder Login</h1>

<form action="index.php/startseite.html" method="post">

<div class="formbody">
<input type="hidden" name="FORM_SUBMIT" value="tl_login" />
<table cellspacing="0" cellpadding="0" summary="">
  <tr class="row_0 row_first">
    <td class="col_0 col_first"><label for="username">Benutzername</label></td>
    <td class="col_1 col_last"><input type="text" name="username" id="username" class="text" maxlength="64" value="" /></td>
  </tr>
  <tr class="row_1">
    <td class="col_0 col_first"><label for="password">Passwort</label></td>

    <td class="col_1 col_last"><input type="password" name="password" id="password" class="text" maxlength="64" value="" /></td>
  </tr>
  <tr class="row_2 row_last">
    <td class="col_0 col_first">&nbsp;</td>
    <td class="col_1 col_last"><div class="submit_container"><input type="submit" class="submit" value="Anmelden" /></div></td>
  </tr>
</table>
</div>
</form>

</div>

</div>
<div class="mod_navigation block">

<ul class="level_1">
<li class="first"><a href="index.php/kontakt.html" title="Kontakt zu uns" class="first" onclick="this.blur();">Kontakt</a></li>
<li><a href="index.php/anfahrt.html" title="So finden sie uns" onclick="this.blur();">Anfahrt</a></li>
</ul>
</div>

phlox

**Stephan** · 24.06.2009, 11:42

Hallo phlox,

am HTML-Code selbst liegt es nicht. Das kannst Du ja selbst mal auf die Schnelle testen, indem Du Deinen geposteten Code in ein neues jungfräuliches Dokument kopierst, die Datei speicherst und Dir im Browser anschaust. Da steht alles brav untereinander. Ich vermute eher, dass der Fehler in Deinen CSS-Angaben zu suchen ist.

Grüße
Stephan