[erledigt] div zeilenumbruch entfernen

**sepp_a_u** · 22.05.2012, 14:37

Hallo zusammen,

ich will ein div-element auf die gleiche höhe machen wir ein anderes div-element, nur bekomme ich das nicht hin. auf meiner seite: www.beerpong.de habe ich im login-slider einen text "Mit Facebook einloggen" und will das direkt nach dem "Passwort vergessen" haben. Habe es bisher als Modul in das "Slider-Modul" eingebunden. Oder kann man ein Modul als Link aufrufen, so dass ich es in das template vom normalen login integrieren kann?

viele grüsse und danke

**qba** · 22.05.2012, 14:48

Kannst Du vielleicht mit negativen margins arbeiten?

.mod_connect {margin: -30px 0 0 150px}

**sepp_a_u** · 22.05.2012, 14:52

ja das kann ich aber da habe ich dann das problem dass evtl. bei vielen unterschiedlichen browsern das verzerrt oder an falschen stellen angezeigt wird. daher mache ich das nicht so gerne. suche daher nach einer vll etwas komplizierteren lösung, die aber dann in mehreren browsern gut dargestellt wird.

**Maik** · 22.05.2012, 15:04

Hi, wenns auch nicht hilft, wie hast Du den Slidereffekt realisiert?

**sepp_a_u** · 22.05.2012, 15:11

Zitat von Maik

Hi, wenns auch nicht hilft, wie hast Du den Slidereffekt realisiert?

nein, hilft wirklich nicht. dennoch hier der link zu dem thread, wo es toll beschrieben ist

https://www.contao-community.de/show...609#post180609

**Andreas** · 22.05.2012, 15:26

Mit nem Inserttag müsstest du den Link 'Mit Facebook einloggen' direkt hinter die anderen Links positionieren können. Für ne genaue Beschreibung müsste man im BE sehen, wie deine Sachen ins FE kommen. Wenn das JS beim Inserttag fehlt brauchst du [inserttags_js_support], oder du schreibst das JS direkt ins Template.

**sepp_a_u** · 22.05.2012, 15:37

Zitat von Andreas

Mit nem Inserttag müsstest du den Link 'Mit Facebook einloggen' direkt hinter die anderen Links positionieren können. Für ne genaue Beschreibung müsste man im BE sehen, wie deine Sachen ins FE kommen. Wenn das JS beim Inserttag fehlt brauchst du [inserttags_js_support], oder du schreibst das JS direkt ins Template.

Hallo Andreas,

danke für die Antwort. Ich habe es einfach wie folgt gemacht:

1. FacebookConnect-Modul erstellt
2. Das Modul via Insert-Tag in das Modul gepackt für den Slider:

Code:

<div id="login">
<div id="login_content">
<!-- indexer::stop -->
{{insert_module::5}}
{{insert_module::38}}
<!-- indexer::continue -->
 </div>
 </div>
  <div id="toplogin">
    {{insert_module::11}}
    {{insert_module::10}} 
  </div>
 <div class="clearfix"></div>

dabei ist Modul 5 das normale Login formular und Modul 38 das FBConnect-Modul.

Wie genau meinst du jetzt dass ich es auf eine Zeile bekomme?

**Andreas** · 22.05.2012, 16:45

Und wo steht dieser gepostete Code? Direkt im fe_page Template?

Die Links zum Registrieren und für ein neues Passwort sind doch nicht im normalen Loginformular. Hinter diese Links müsstest du dein Modul einfügen. Da hast du doch bestimmt schon das Template fürs Loginformular verändert, da kannst du dann ja auch direkt dein Modul 38 einfügen.

**sepp_a_u** · 22.05.2012, 20:41

der gepostete code ist ein separates modul.
das template für login habe ich angepasst, richtig. habe dort eben die links eingefügt zu registrieren und passwort vergessen. habe für die zwei module jeweils einen artikel angelegt und dort per {{link_url::*}} drauf verwiesen. habe das jetzt auch für das fbconnect-modul gemacht. aber wenn man dann draufklickt, dann kommt nicht gleich das pop-up, sondern man wird erst auf die seite verlinkt. das will ich eben umgehen...ich will, dass das pop-up gleich erscheint.
wenn ich das modul direkt in das login-template einfüge dann ist leider auch immer ein zeilenumbruch da.

kann mir hier noch jemand weiterhelfen?

**Andreas** · 22.05.2012, 21:51

Du brauchst doch nur das Modul ins Login-Template einzufügen. {{insert_module::38}} und darauf achten, dass das JS auch in der Seite erscheint. Ist doch egal, wo dieser Link sitzt, er müsste immer gleich funktionieren. Ein Zeilenumbruch ist dort nicht vorhanden, nur eben DIVs, die du ja auf display:inline; stellen kannst. Nur sollte der DIV von diesem FB-Dings eben direkt nach den anderen kommen, die du ja auch noch in das Formular gesteckt hast.

Validiere auch mal das Markup, da sind einige Fehler, vor allem das JS von dem FB-Login verursacht jede Menge Fehler.

**sepp_a_u** · 23.05.2012, 08:11

ok

habe es jetzt geschafft dadurch eben, dass ich das modul direkt im template integriert habe und dann durch display:inline in die selbe zeile geschoben habe (klappt aber leider nur beim FF; bei Safari und Chrome nicht - warum?). scheint auch noch zu funktionieren das gute ding.

Validiere auch mal das Markup, da sind einige Fehler, vor allem das JS von dem FB-Login verursacht jede Menge Fehler.

was genau meinst du damit? wo sind fehler? hast du die irgendwo? mein firebug zeigt mir nichts an irgendwie.

**Andreas** · 23.05.2012, 14:19

Das geht auch im Chrome, wahrscheinlich hattest du da noch die CSS aus dem Browsercache.

Mit HTML-Validator für Firefox geht das Validieren. Firebug validiert kein HTML.