✔ JS: Wie stell ich es an...

[TheBigRI]

..das bei mir ein "Fenster" erscheint wie hier im Forum bei "Suchen"?
Ich habe eine Seite in Arbeit wo ein Login untergebracht werden soll (Webspell) und die Navigation ist schon fertig.

Momentan habe ich es so integriert dass wenn man auf den Button "Login" klickt er darunter im "span" dann den Login-Bereich anzeigt (included). Das zieht dann natürlich das Design runter. Nicht dass es das Design zerstören würde, es läuft einfach mit, ist ja klar, aber ich hätte doch gerne ein "Fensterchen" das sich über das Design legt, worin dann der Login-Bereich ist.

Hat jemand eine Idee wo ich sowas finde oder wie ich das am Besten umsetze? Habe schon gesucht aber nigends etwas gefunden.

Gruß und Danke schonmal im vorraus.. Ari

 

[Sven Mintel]

Du musst diesen Bereich mit CSS absolute an der gewünschten Stelle platzieren, dann verschiebt sich auch nicht.

 

[con-f-use]

Bitte in Zukunft bloß keine so vielsagenden Titelüberschriften. Ich hätte fast beim Lesen der Überschrift gewusst, was du eigentlich willst und das wäre ja fatal gewesen - nicht auszudenken wenn....

 

[TheBigRI]

Ja stimmt, die Überschrift ist ein wenig dumm ausgewählt, dafür ein Sorry. Werde es gleich mal ändern wenn es noch geht. ^^

Also soll ich mit CSS eine "Box" erstellen mit "absolute" damit er es "überlappend" macht? Wäre natürlich super, aber dann werd ich mich erstmal mit dem Thema CSS-Boxen auseinandersetzen.

Hat jemand evtl. ein Tutorial dazu geschrieben? Bei mir hängt sich die Suche immer auf, liegt wohl an dem Notebook hier.

 

[Biergamasda]

Schau mal hier vorbei, is ne gute Referenz für CSS Neulinge.

Und zu der Box:

div#suchbox
{
    position: absolute;
    top: 50px;
    left: 150px;
    width: 100px;
    height: 50px;
}

 

[TheBigRI]

Danke, die Seite ist echt super. Habe ich mir gleich in die Bookmarks gekloppt.

Funktioniert nun alles so wie ich es wollte.
Erledigt!