Formularfelder gesperrt

[Anarias]

HI zusammen,

ich habe ein Problem mit einem Formular. Ich habe neben einem Formular ein Bild mit <div> eingefügt. Das Bild wird auch in der gewünschten Position angezeigt. Allerdings sind nun die Formularfelder "gesperrt". Für das Formular habe ich keine divs benutzt, da das styletechnisch nicht notwendig war. Muss ich nun für die Formularfelder ebenfalls divs benutzen oder gibt es dafür einen anderen Grund?

 

[Bernhard]

HI zusammen,

ich habe ein Problem mit einem Formular. Ich habe neben einem Formular ein Bild mit <div> eingefügt. Das Bild wird auch in der gewünschten Position angezeigt. Allerdings sind nun die Formularfelder "gesperrt". Für das Formular habe ich keine divs benutzt, da das styletechnisch nicht notwendig war. Muss ich nun für die Formularfelder ebenfalls divs benutzen oder gibt es dafür einen anderen Grund?

Hallo Anarias,

gib uns mal einen Link, dann kann man da eher was zu sagen...

Grüße
Bernhard

 

[Efchen]

Ich habe neben einem Formular ein Bild mit <div> eingefügt.

Komisch, ich füge Bilder immer mit <img> ein.

Allerdings sind nun die Formularfelder "gesperrt".

Definiere "gesperrt". Das Setzen eines Bildes hat keinen Einfluss auf Formularfelder, wenn Du das BIld nicht gerade in einer Ebene über den Feldern positionierst.

Muss ich nun für die Formularfelder ebenfalls divs benutzen?

Nein, eigentlich benutzt man dafür <input>, <textarea> oder <select>.

 

[Anarias]

ich hab mich falsch ausgedrückt. Natürlich füge ich ein Bild mit <img> ein. ICh meinte mit div das ich einen Style für das Bild aufgerufen habe.

Der style ist folgendermaßen festgelegt.

.res_img{
position: absolute;
padding-left: 300px;
padding-top: 50px;
}

Und wenn ich das <div> nach dem </form> einfüge hängt es unten rechts und wenn ich es vor die <form> einfüge ist es an der Position an der ich es möchte; allerdings kann ich dann in die Formularfelder die sich links neben dem BIld befinden keine Daten eingeben

 

[Efchen]

ICh meinte mit div das ich einen Style für das Bild aufgerufen habe.

Du meinst, Du hast um das <img> ein <div> gelegt, nur für das eine Element? Warum positionierst Du nicht gleich das <img>? Du packst doch Deine Weihnachtsgeschenke auch nur einmal ein und nicht zweimal, oder?

Wenn Du position:absolute verwendest, gehört normalerweise auch ein top, left oder sowas dazu, kein margin.

Aber wenn Du das nicht angibst, dann wird das Element nur aus dem Textfluss genommen, steht aber an der Stelle, wo das <img> im Quelltext auftaucht.

allerdings kann ich dann in die Formularfelder die sich links neben dem BIld befinden keine Daten eingeben

Zeigen! Überlappt das Bild die Felder vielleicht?

 

[Bernhard]

Zeigen! Überlappt das Bild die Felder vielleicht?

Ich vermute, dass das div die Formularfelder überlappt...

Grüße
Bernhard

 

[Efchen]

Dann müsste man ja was mit dem z-index machen können.
Andererseits hab ich eher im Kopf, dass sich Formularfelder (ähnlich Flash-Elementen) immer in den Vordergrund drängen? *kopfkratz*

 

[Bernhard]

Dann müsste man ja was mit dem z-index machen können.
Andererseits hab ich eher im Kopf, dass sich Formularfelder (ähnlich Flash-Elementen) immer in den Vordergrund drängen? *kopfkratz*

Formulare bzw. Formularfelder verhalten sich je nach Browser (und, absolut gemein:
je nach Betriebssystem) anders...

Wir sollten abwarten, bis wir die Seite sehen, das spart uns die Versuche mit der
Glaskugel...

Aber ein div mit position:absolute und padding:300px klingt mal gar nicht gut...

Grüße
Bernhard

 

[Anarias]

So sorry, für die Verspätung.

Hier ist der Link
Reservierung

Zur Info:
Dies ist der Direktlink. Normalerweise geht diese Seite in einer Lightbox auf.

Die CSS für die Grafik sieht folgendermaßen aus

.resinfo {
position: absolute;
padding-top: 0px;
padding-left: 350px;
}

Die ersten drei Eingabefelder (Name, E-Mail, Telefon) sind "gesperrt". Das Feld Bemerkung funktioniert dann wieder.

Vielen Dank für eure Hilfe

 

[Efchen]

Bei mir ist nichts "gesperrt", ich kann in jedes Eingabefeld was eingeben.