Formular-Layout verschiebt sich total

[celiadee]

Hi folks!

Ich habe ein Prob mit meinem Kontaktformular:
hier ansehen

Das formular ist in eine Tabelle eingebaut und mit CSS (extern) formatiert.
Hier der Code:

                         <table width="250" height="295" border="0" cellpadding="0" cellspacing="0" id="formular tab">
						  <form method="post" name="Formular" onSubmit="return chkFormular()">
                            <tr> 
                            <td height="26"><table width="250" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td class="fliesstext">Absender:</td>
                                  <td width="180" align="right" valign="middle"> 
                                    <input name="Name" type="text" id="Name" class="feld"></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td height="26"><table width="250" height="26" border="0" cellpadding="0" cellspacing="0">
                                <tr> 
                                  <td class="fliesstext">Email:</td>
                                  <td width="180" align="right" valign="bottom"> 
                                    <input class="feld" name="MailFrom" type="text" id="MailFrom3"></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td height="26"><table width="250" height="26" border="0" cellpadding="0" cellspacing="0">
                                <tr> 
                                  <td class="fliesstext">Betreff:</td>
                                  <td width="180" align="right" valign="middle"> 
                                    <input name="Subject" type="text" id="Subject" class="feld"></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td width="250" height="100">
							<textarea class="area" name="Body" size = "26" rows="2" id="Body"></textarea></td>
                          </tr>
                          <tr>
                            <td height="26"><table width="250" height="26" border="0" cellpadding="0" cellspacing="0">
                                <tr> 
                                  <td>&nbsp;</td>
                                  <td width="60" align="right" valign="middle">
								  <input class= "go" name="reset" type = reset value="löschen"></td>
                                  <td width="2" align="right" valign="middle">&nbsp;</td>
                                  <td width="60" align="right" valign="middle">
								  <input class="go" name="Submit" type="submit" id="Submit" value="senden"></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                              <td width="250" height="91" align="center" valign="bottom"> 
                                <table width="250" height="50" border="0" cellpadding="0" cellspacing="0">
                                  <tr> 
                                    <td class="fliesstext" align="center" valign="middle">
									<input name= "send" type= "hidden" value = "1"></td>
									<?php if ($_POST["send"] == 1) print "Vielen Dank für Ihre Nachricht!"; ?>
                                  </tr>
                                </table> 
                                </td>
                          </tr>
						  </form>
                        </table>

der für die Textfelder relevante CSS-Code:

.feld
{
	border : 1px solid #FFFFFF;
	background-color : #C6BC9D;
	width : 150px;
	height: 24px;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 12px;
	font-color: #333333;
	vertical-align: middle;

}
.go
{
border : 1px solid #ffffff;
background-color : #ff8500;
width : 60px;
height: 20px;
font-family: "Century Gothic", Arial, Verdana;
font-size: 12px;
font-color: #333333;
}
.area
{
border : 1px solid #ffffff;
background-color : #C6BC9D;
width : 250px;
height: 100px;
font-family: "Century Gothic", Arial, Verdana;
font-size: 12px;
font-color: #333333;
}
.fliesstext {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #333333;

}

Wobei
.feld = das Textfeld
.go = die Buttons
.area = das Nachrichtenfeldund.
.fliesstext = den Rest des Formulars formatiert.
Jetzt gibts hier verschiedene Probleme:

1. Die Tabelle mit dem Formular rutscht in der Browser-Vorschau immer nach oben und "klebt" quasi an der oberen Kante. Trotz genau passender Massangaben für die Zellen.
2. Das "hidden textfield" wo der PHP-Text ausgegeben wird nicht korrekt formatiert:
Der Ausgabetext "Vielen Dank für Ihre Nachricht" wird zwar in der korrekten Schrift aber in der falschen Grösse (viel zu gross) ausgegeben.
3. Wie kann ich in den Textfeldern den Eingabetext vertikal zentrieren, sodass er jeweils auf einer Grundlinie liegt mit Absender, Email...usw...

Wäre toll, wenn mir hier jemand helfen könnte!

Greetz

Celiadee

 

[celiadee]

...O.K.

Der thread kann geschlossen werden.
Hab's Layout-Problem letztendlich hingekriegt. Lag an unterschiedlichen Ausrichtungen in den <td> 's
Mein PHP-Ausgabetext-Problem poste ich nochmals im PHP-Forum.

celiadee