Hey Leute,
habe ein Problem. Wenn ich die Seite öffne, zeigt er mir die als erstes das Hintergrundbild und dann das Formular.
Mein Wunsch ist es aber, dass das Formular auf dem Hintergrundbild ist. ^^
Hier der Quelltext:
(form.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="haupt.css" />
<TITLE>Eingabeformular</TITLE>
</HEAD>
<BODY>
<DIV ID="Hintergrund">
<IMG SRC="hintergrund.jpg" WIDTH="100%" HEIGHT="100%" ALT="Hintergrund" />
<H1>Kontaktformular</H1>
<FORM ACTION="index.php" METHOD="POST">
Anrede*:<br />
<SELECT NAME="anrede" />
<OPTION VALUE=""></OPTION>
<OPTION VALUE="Frau">Frau</OPTION>
<OPTION VALUE="Herr">Herr</OPTION>
</SELECT><br />
Vorname*:<br />
<INPUT TYPE="text" NAME="vorname" /><br />
Nachname*:<br />
<INPUT TYPE="text" NAME="nachname" /><br />
Straße/ Haus-Nr.:<br />
<INPUT TYPE="text" NAME="strasse" /> <INPUT TYPE="text" NAME="hausnr" MAXLENGTH="5" SIZE="5" /><br />
PLZ/ Ort:<br />
<INPUT TYPE="text" NAME="plz" MAXLENGTH="5" SIZE="5" /> <INPUT TYPE="text" NAME="ort" /><br />
Mail-Adresse*:<br />
<INPUT TYPE="text" NAME="e-mail" /><br />
Faxnummer:<br />
<INPUT TYPE="text" NAME="faxnummer" /><br />
Telefonnummer* (wenn Rückruf geklickt wurde):<br />
<INPUT TYPE="text" NAME="telefonnummer" /><br />
Betreff:<br />
<INPUT TYPE="text" NAME="betreff" /><br />
Text*:<br />
<TEXTAREA NAME="inhalt" COLS="20" ROWS="10"></TEXTAREA><br /><br />
<INPUT TYPE="checkbox" ALT="a" /> Bitte senden sie mir kostenlose Informationen über Ihr Unternehmen.<br />
<INPUT TYPE="checkbox" ALT="b" /> Ich bitte um einen Rückruf.<br />
<INPUT TYPE="checkbox" ALT="c" ACTION="mail: [email protected]"> Senden einer Kopie an die eigene E-Mail-Adresse<br />
<INPUT TYPE="submit" VALUE="Senden" NAME="senden" /> <INPUT TYPE="reset" VALUE="Felder leeren" NAME="leeren" /><br />
</FORM>
<FORM ACTION="leereSeite.html" >
<INPUT TYPE="submit" VALUE="Abbrechen" NAME="abbrechen" />
</FORM>
</DIV>
</BODY>
</HTML>
(haupt.css)
div#Hintergrund
{
position: absolute;
width: 99%;
height: 98%;
background-color: blue;
}
habe ein Problem. Wenn ich die Seite öffne, zeigt er mir die als erstes das Hintergrundbild und dann das Formular.
Mein Wunsch ist es aber, dass das Formular auf dem Hintergrundbild ist. ^^
Hier der Quelltext:
(form.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="haupt.css" />
<TITLE>Eingabeformular</TITLE>
</HEAD>
<BODY>
<DIV ID="Hintergrund">
<IMG SRC="hintergrund.jpg" WIDTH="100%" HEIGHT="100%" ALT="Hintergrund" />
<H1>Kontaktformular</H1>
<FORM ACTION="index.php" METHOD="POST">
Anrede*:<br />
<SELECT NAME="anrede" />
<OPTION VALUE=""></OPTION>
<OPTION VALUE="Frau">Frau</OPTION>
<OPTION VALUE="Herr">Herr</OPTION>
</SELECT><br />
Vorname*:<br />
<INPUT TYPE="text" NAME="vorname" /><br />
Nachname*:<br />
<INPUT TYPE="text" NAME="nachname" /><br />
Straße/ Haus-Nr.:<br />
<INPUT TYPE="text" NAME="strasse" /> <INPUT TYPE="text" NAME="hausnr" MAXLENGTH="5" SIZE="5" /><br />
PLZ/ Ort:<br />
<INPUT TYPE="text" NAME="plz" MAXLENGTH="5" SIZE="5" /> <INPUT TYPE="text" NAME="ort" /><br />
Mail-Adresse*:<br />
<INPUT TYPE="text" NAME="e-mail" /><br />
Faxnummer:<br />
<INPUT TYPE="text" NAME="faxnummer" /><br />
Telefonnummer* (wenn Rückruf geklickt wurde):<br />
<INPUT TYPE="text" NAME="telefonnummer" /><br />
Betreff:<br />
<INPUT TYPE="text" NAME="betreff" /><br />
Text*:<br />
<TEXTAREA NAME="inhalt" COLS="20" ROWS="10"></TEXTAREA><br /><br />
<INPUT TYPE="checkbox" ALT="a" /> Bitte senden sie mir kostenlose Informationen über Ihr Unternehmen.<br />
<INPUT TYPE="checkbox" ALT="b" /> Ich bitte um einen Rückruf.<br />
<INPUT TYPE="checkbox" ALT="c" ACTION="mail: [email protected]"> Senden einer Kopie an die eigene E-Mail-Adresse<br />
<INPUT TYPE="submit" VALUE="Senden" NAME="senden" /> <INPUT TYPE="reset" VALUE="Felder leeren" NAME="leeren" /><br />
</FORM>
<FORM ACTION="leereSeite.html" >
<INPUT TYPE="submit" VALUE="Abbrechen" NAME="abbrechen" />
</FORM>
</DIV>
</BODY>
</HTML>
(haupt.css)
div#Hintergrund
{
position: absolute;
width: 99%;
height: 98%;
background-color: blue;
}