GiS

Hey, ich habe folgendes Problem. Ich habe den Tipp bekommen dieses Loginfeld mit einem Div umzusetzen. Dennoch habe ich keine Idee wie ich das anstellen soll. Könnt ihr mir helfen?

Das Login als Bild:

Mister Ad

Flor1an

Ja indem du HTML, CSS, JavaScript, Grafikdesign und PHP lernst.

GiS

Eine konstruktive Antwort wäre auch nett...

Btw. Ich hab das designt und ich versuche es gerade am bestmöglichsten umzusetzen!

Flor1an

Dein Thread hat minimale Angaben, entsprechend fällt dann auch die Antwort aus. Was sollen wir dir groß sagen, das genau so hin zu bekommen ist nicht so ganz einfach, deswegen solltest du dich bissl mit der Materie beschäftigen. DIV + Hintergrundbild, Inputfelder ebenfalls mit ner Hintergrundgrafik. Beim Focus auf die Felder kannst du dann mit JavaScript z.b. den Hintergrund tauschen oder den Rand einfärben. Je nachdem was genau du brauchst.

GiS

Okey, ich dachte ich versteht was ich meine. Das ganze Designtechnisch umzusetzen ist kein Problem, doch wie bekomm ich es mit einem Div an die richtige Stelle? Es sich doch nicht alle Teile auf der gleichen Stelle, die muss ich doch mit margin-left mit jeweils einem neuen div verschieben.
Also mir geht es haupt sächlich um die Position. Ich habe einen div - also eine Position - und soll daraus das ganze Loginfeld richtig positionieren, wobei doch alles im Loginfeld verstreut ist. Wie stelle ich das an?

eagle275

na indem du den div anständig positionierst ... margins & float oder position absolut mit x / y ... css ist da flexibel

wenn du deinem div darüberhinaus ein eine Breite (width) zuordnest, kannst du die einzelnen Elemente innerhalb des divs wiederum positionieren, so dass da nix "durcheinander liegt" ....

aber du gibst echt zu wenig Informationen zu deiner Seite...

aus deiner Grafik kann man ja schlecht sehen, WO auf der Seite dein login-Div stehen soll (oben links, mittig zentriert oder was auch immer ) ?

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

GiS

Das Loginfeld liegt rechts oben auf der Seite, aber wir haben doch 2 inputfelder - Wie soll ich dann mit width die beiden 10 px auseinanderhalten auf der gleichen höhe und rechts daneben einen button der 20px weiter rechts ist platzieren?

Flor1an

Gibste halt den Inputfeldern nen margin ...

Manko10

Nee, das macht man besser per CSS (:focus). Die Vorbelegung der Felder zu entfernen und ggf. wieder reinzuschreiben, das muss aber mit JS geschehen.

@GiS: es gilt, was Flor1an dir erzählt hat: lerne HTML und CSS. Anleitungen gibt es dafür genügend im Netz, auch ein gutes Buch zu modernem Webdesign kann nicht schaden (ist sogar die beste Möglichkeit, den Krams anständig zu lernen). Wir werden dir jetzt nicht diktieren, wie du das umzusetzen hast.
Daraus kann ich schon mit 100%iger Sicherheit entnehmen, dass du dich mit der Materie bisher noch nicht auseinandergesetzt hast und bevor du das nicht getan hast, hat es keinen Sinn, hier fortzufahren.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”