• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Formular

Status
Für weitere Antworten geschlossen.

Anfänger1140

Neues Mitglied
Hi,
ich hab ein Formular im HTML-Editor erstellt, da sah alles in Ordnung aus, doch im Browser ist das Formular ganz weit unten und man muss eine Ewigkeit runterskrollen. Kann jemand den Fehler bearbeiten und den funktionierenden HTML-Code hier rein posten?

Thx

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.Stil3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
.Stil6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; color: #747474; }
.Stil27 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.Stil32 {font-size: medium}
-->
</style>
</head><form action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data">
<input type="hidden" name="empfaenger_mail" value="[email protected]">
<input type="hidden" name="empfaenger_name" value="PayPal">
<table width="1257" height="631" border="0">
<tr>
<table width="1080" height="691" border="0">
<tr>
<td width="1074" height="687" align="left" valign="top"><p align="left" class="Stil3"><span class="Stil6"><img src="Platzhalter" width="114" height="31"></span></p>
<p class="Stil3"><span class="Stil6"><span class="Stil32">Sehr geehrter xxxxx-Kunde, aus Sicherheitsgr&uuml;nden </span></span></p>
<p class="Stil3"><span class="Stil6"><span class="Stil32">wird jeder Kunde jeden 3. Monat aufgefordert sein Kennwort zu erneuern. Wir bitten Sie deshalb dieses Formular auszuf&uuml;llen.</span></span></p>
<table width="283" height="483" border="1" align="left" bordercolor="#ECE9D8" bgcolor="#0066CC">
<tr>
<td width="273" height="477" align="center" valign="top" bordercolor="#FFFFFF" bgcolor="#81AFD3"><p class="Stil3"><img src="platzhalter" width="273" height="70" vspace="0"></p>
<p class="Stil3">*Ihre E-Mail:</p>
<p class="Stil3">
<input name="E-Mail" type="text" id="E-Mail" onFocus="if(this.value=='Your message')this.value='';">
</p>
<p class="Stil3">*Ihr altes Kennwort:</p>
<p class="Stil3">
<input name="Pass" type="password" id="Pass" onFocus="if(this.value=='Your message')this.value='';">
</p>
<p class="Stil3"> *Ihr neues Kennwort (8 -max. 12 Zeichen):</p>
<p class="Stil3">
<input name="new pass" type="password" id="new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
</p>
<p class="Stil3">*Wiederholen Sie das neue Kennwort:</p>
<p class="Stil3">
<input name="control new pass" type="password" id="control new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
</p>
<p class="Stil3">
<input name="newsletter" type="checkbox" checked>
Ich möchte den kostenlosen Newsletter abonnieren.</p>
<p align="center" class="Stil3">
<input name="send" type="submit" id="send" value="Senden">
</p></td>
</tr>
</table>
<table width="387" height="482" border="0" align="center">
<tr>
<td width="381" height="445" align="left" valign="top"><p class="Stil27">TEXT....................................................................................</p>
</td>
</tr>
</table></td>
</tr>
</table>
<p class="Stil3">&nbsp;</p>
<p class="Stil3">
<span class="Stil3"></span></p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp;</p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp; </p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp; </p>
 
Sorry ich bin Anfänger, wie mein Benutzername schon sagt. (Es könnten noch andere Fehler enthalten sein, doch in erster Linie möchte ich, dass der Fehler mit der Höhe behoben wird)
Ich hoffe, dass es so richtig ist:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formular</title>
</head>
<body>
<html>
<head>
<style type="text/css">
<!--
.Stil3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
.Stil6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; color: #747474; }
.Stil26 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #747474;
}
.Stil27 {font-family: Arial, Helvetica, sans-serif}
.Stil28 {color: #747474}
.Stil29 {color: #000099}
.Stil32 {font-size: medium}
-->
</style>
<form action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data">
<input type="hidden" name="empfaenger_mail" value="[email protected]">
<input type="hidden" name="empfaenger_name" value="PayPal">
<table width="1257" height="631" border="0">
<tr>
<table width="1080" height="628" border="0">
<tr>
<td width="1074" height="624" align="left" valign="top"><p align="left" class="Stil3"><span class="Stil6"><img src="Platzhalter" width="114" height="31"></span></p>
<p class="Stil3"><span class="Stil6"><span class="Stil32">Sehr geehrter xxxxxxxx-Kunde, aus Sicherheitsgr&uuml;nden </span></span></p>
<p class="Stil3"><span class="Stil6"><span class="Stil32">wird jeder Kunde jeden 3. Monat aufgefordert sein Kennwort zu erneuern. Wir bitten Sie deshalb dieses Formular auszuf&uuml;llen.</span></span></p>
<table width="283" height="483" border="1" align="left" bordercolor="#ECE9D8" bgcolor="#0066CC">
<tr>
<td width="273" height="477" align="center" valign="top" bordercolor="#FFFFFF" bgcolor="#81AFD3"><p class="Stil3"><img src="Platzhalter" width="273" height="70" vspace="0"></p>
<p class="Stil3">*Ihre E-Mail:</p>
<p class="Stil3">
<input name="E-Mail" type="text" id="E-Mail" onFocus="if(this.value=='Your message')this.value='';">
</p>
<p class="Stil3">*Ihr altes Kennwort:</p>
<p class="Stil3">
<input name="Pass" type="password" id="Pass" onFocus="if(this.value=='Your message')this.value='';">
</p>
<p class="Stil3"> *Ihr neues Kennwort (8 -max. 12 Zeichen):</p>
<p class="Stil3">
<input name="new pass" type="password" id="new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
</p>
<p class="Stil3">*Wiederholen Sie das neue Kennwort:</p>
<p class="Stil3">
<input name="control new pass" type="password" id="control new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
</p>
<p class="Stil3">
<input name="newsletter" type="checkbox" checked>
Ich möchte den kostenlosen Newsletter abonnieren.</p>
<p align="center" class="Stil3">
<input name="send" type="submit" id="send" value="Senden">
</p></td>
</tr>
</table>
<table width="387" height="482" border="0" align="center">
<tr>
<td width="381" height="445" align="left" valign="top"><p class="Stil27"><strong>TEXT.................................</strong></p>
<p class="Stil27"><strong>(ich arbeite noch daran, ich m&ouml;chte zuerst die gr&ouml;beren </strong></p>
<p class="Stil27"><strong>Fehler korrigieren)</strong></p></td>
</tr>
</table></td>
</tr>
</table>
<p class="Stil3">&nbsp;</p>
<p class="Stil3">
<span class="Stil3"></span></p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp;</p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp; </p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp; </p>

Danke im Voraus :mrgreen:
 
Benutze bitte die Code-Tags des Forums !!!

EDIT:
  • doppeltes head und html
  • völlig falsche Schachtelung von Tabellen
  • kein schließender body und head
Grundlagen lernen!!!
 
Was bringen die Tags???? :???:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formular</title>
</head>
<body>
<html>
<head>
<style type="text/css">
<!--
.Stil3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
.Stil6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; color: #747474; }
.Stil26 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #747474;
}
.Stil27 {font-family: Arial, Helvetica, sans-serif}
.Stil28 {color: #747474}
.Stil29 {color: #000099}
.Stil32 {font-size: medium}
-->
</style>
<form action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data">
<input type="hidden" name="empfaenger_mail" value="[email protected]">
        <input type="hidden"  name="empfaenger_name" value="PayPal">
<table width="1257" height="631" border="0">
    <tr>
      <table width="1080" height="628" border="0">
          <tr>
            <td width="1074" height="624" align="left" valign="top"><p align="left" class="Stil3"><span class="Stil6"><img src="Platzhalter" width="114" height="31"></span></p>
              <p class="Stil3"><span class="Stil6"><span class="Stil32">Sehr geehrter xxxxxxxx-Kunde, aus Sicherheitsgr&uuml;nden </span></span></p>
              <p class="Stil3"><span class="Stil6"><span class="Stil32">wird jeder Kunde jeden 3. Monat aufgefordert sein Kennwort zu erneuern. Wir bitten Sie deshalb dieses Formular auszuf&uuml;llen.</span></span></p>
              <table width="283" height="483" border="1" align="left" bordercolor="#ECE9D8" bgcolor="#0066CC">
                <tr>
                  <td width="273" height="477" align="center" valign="top" bordercolor="#FFFFFF" bgcolor="#81AFD3"><p class="Stil3"><img src="Platzhalter" width="273" height="70" vspace="0"></p>
                      <p class="Stil3">*Ihre E-Mail:</p>
                      <p class="Stil3">
                        <input name="E-Mail" type="text" id="E-Mail" onFocus="if(this.value=='Your message')this.value='';">
                      </p>
                      <p class="Stil3">*Ihr altes Kennwort:</p>
                      <p class="Stil3">
                        <input name="Pass" type="password" id="Pass" onFocus="if(this.value=='Your message')this.value='';">
                      </p>
                      <p class="Stil3"> *Ihr neues Kennwort (8 -max. 12 Zeichen):</p>
                      <p class="Stil3">
                        <input name="new pass" type="password" id="new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
                      </p>
                      <p class="Stil3">*Wiederholen Sie das neue Kennwort:</p>
                      <p class="Stil3">
                        <input name="control new pass" type="password" id="control new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
                      </p>
                      <p class="Stil3">
                        <input name="newsletter" type="checkbox" checked>
        Ich möchte den kostenlosen Newsletter abonnieren.</p>
                      <p align="center" class="Stil3">
                        <input name="send" type="submit" id="send" value="Senden">
                    </p></td>
                </tr>
              </table>
              <table width="387" height="482" border="0" align="center">
                <tr>
                  <td width="381" height="445" align="left" valign="top"><p class="Stil27"><strong>TEXT.................................</strong></p>
                    <p class="Stil27"><strong>(ich arbeite noch daran, ich m&ouml;chte zuerst die gr&ouml;beren </strong></p>
                    <p class="Stil27"><strong>Fehler korrigieren)</strong></p></td>
                </tr>
            </table></td>
          </tr>
      </table>
        <p class="Stil3">&nbsp;</p>
<p class="Stil3">
<span class="Stil3"></span></p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp;</p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp;  </p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp; </p>
 
Ich hab dir mal dein Grundgerüst repariert, denn ohne das kann ein Gebäude nur einstürzen.
Code:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formular</title>
<style type="text/css">
<!--
.Stil3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
.Stil6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; color: #747474; }
.Stil26 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #747474;
}
.Stil27 {font-family: Arial, Helvetica, sans-serif}
.Stil28 {color: #747474}
.Stil29 {color: #000099}
.Stil32 {font-size: medium}
-->
</style>
</head>
<form action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data">
<input type="hidden" name="empfaenger_mail" value="[email protected]">
        <input type="hidden"  name="empfaenger_name" value="PayPal">
<table width="1257" height="631" border="0">
    <tr>
      <table width="1080" height="628" border="0">
          <tr>
<td width="1074" height="624" align="left" valign="top"><p align="left" class="Stil3"><span class="Stil6"><img src="Platzhalter" width="114" height="31"></span></p>
<p class="Stil3"><span class="Stil6"><span class="Stil32">Sehr geehrter xxxxxxxx-Kunde, aus Sicherheitsgr&uuml;nden </span></span></p>
<p class="Stil3"><span class="Stil6"><span class="Stil32">wird jeder Kunde jeden 3. Monat aufgefordert sein Kennwort zu erneuern. Wir bitten Sie deshalb dieses Formular auszuf&uuml;llen.</span></span></p>
              <table width="283" height="483" border="1" align="left" bordercolor="#ECE9D8" bgcolor="#0066CC">
                <tr>
<td width="273" height="477" align="center" valign="top" bordercolor="#FFFFFF" bgcolor="#81AFD3"><p class="Stil3"><img src="Platzhalter" width="273" height="70" vspace="0"></p>
                      <p class="Stil3">*Ihre E-Mail:</p>
                      <p class="Stil3">
<input name="E-Mail" type="text" id="E-Mail" onFocus="if(this.value=='Your message')this.value='';">
                      </p>
                      <p class="Stil3">*Ihr altes Kennwort:</p>
                      <p class="Stil3">
<input name="Pass" type="password" id="Pass" onFocus="if(this.value=='Your message')this.value='';">
                      </p>
                      <p class="Stil3"> *Ihr neues Kennwort (8 -max. 12 Zeichen):</p>
                      <p class="Stil3">
<input name="new pass" type="password" id="new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
                      </p>
                      <p class="Stil3">*Wiederholen Sie das neue Kennwort:</p>
                      <p class="Stil3">
<input name="control new pass" type="password" id="control new pass" onFocus="if(this.value=='Your message')this.value='';" maxlength="12">
                      </p>
                      <p class="Stil3">
                        <input name="newsletter" type="checkbox" checked>
        Ich möchte den kostenlosen Newsletter abonnieren.</p>
                      <p align="center" class="Stil3">
                        <input name="send" type="submit" id="send" value="Senden">
                    </p></td>
                </tr>
              </table>
              <table width="387" height="482" border="0" align="center">
                <tr>
<td width="381" height="445" align="left" valign="top"><p class="Stil27"><strong>TEXT....................... ..........</strong></p>
<p class="Stil27"><strong>(ich arbeite noch daran, ich m&ouml;chte zuerst die gr&ouml;beren </strong></p>
                    <p class="Stil27"><strong>Fehler korrigieren)</strong></p></td>
                </tr>
            </table></td>
          </tr>
      </table>
        <p class="Stil3">&nbsp;</p>
<p class="Stil3">
<span class="Stil3"></span></p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp;</p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp;  </p>
<p class="Stil3">&nbsp;</p>
<p>&nbsp; </p>
</body>
</html>
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben