Koy
Threadersteller
Dabei seit: 28.08.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 28.08.2009 10:51
Titel DW: Kontaktformular in Tabelle |
|
|
Hallo Leute,
da ich einfach keine Lösungsansätze für mein Problem finde, habe ich mich jetzt hier einfach mal angemeldet. Wahrscheinlich ist es bloß eine Kleinigkeit die ich nicht berücksichtigt habe, darum hoffe ich, dass mir jemand von euch schnell weiterhelfen kann.
Ich bin seit ein paar Tagen dabei eine Website für meinen Freund zu erstellen. Mit Kontaktformularen habe ich leider kaum Erfahrungen gemacht. Ich arbeite übrigens mit Dreamweaver von Adobe. Layout steht komplett für dieses Formular. Es wird in einem I-Frame in der Größe 440px x 235px geladen. Ich habe das Layout so festgelegt, dass ein Scrollbalken unnötig wird und habe auch die Funktion srolling="auto" eingestellt (selbst wenn cih scrolling auf no setze ist der Balken dort). Nun ist aber schon im Dreamweaver erkennbar, dass durch die Formularfelder mehr Platz in der Tabelle eingenommen wird, als eigentlich benötigt wird. So erreicht die Tabelle eine Länge von über 500px, statt den eigentlichen 235. Firefox packt mir aber einen Scrollbalken an die rechte Seite, nur um mir ein großes leeres Feld zu zeigen, in dem keinerlei Inhalt ist. Ich kann die Tabelle im DW aber auch nicht kleiner ziehen. Die Formularfelder nehmen einfach zu viel Platz in der Vorschau ein, den sie in einer Darstellung im FF aber gar nicht benötigen. Stattdessen folgt auf das Formular ein gleichgroßes leeres Feld.
Wie kann ich das vermeiden?
Desweiteren gibt es dabei auch im IE Probleme. Er lässt zwar den Scrollbalken weg, vergrößert aber die Abstände zwischen den Formularfeldern und somit rutscht das Feld für die Mail-Adresse komplett weg.
Ich halte also fest: Ich mcöhte ein nicht-scrollbares Formular, welches keine Unterschiede im IE und FF aufweißt.
(Die Eigenschaften der Felder sind übrigens noch nicht festgelegt)
Kann mir da jemand helfen? Ich bin einfach zu doof dazu...und Google hat mir auch nichts gebracht.
Wäre echt nett.
So sieht der Code für den Inhalt des I-Frames aus:
Code: | <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
html {overflow-x:hidden;}
body {
background-color: #538dad;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.Stil2 {
font-family: "Myriad Pro";
font-size: 12px;
color: #e5eef3;
}
.Stil5 {font-family: "Myriad Pro"; font-size: 12px; color: #005686; }
.Stil6 {font-size: 9px}
-->
</style></head>
<body scroll="no">
<table width="409" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="153" rowspan="4" valign="top" class="Stil2"><form id="form1" name="form1" method="post" action="">
<label><span class="Stil2">Name *
</span>
<br />
<input name="Name" type="text" class="Stil5" id="Name" />
</label>
</form>
<p>
<form id="form2" name="form2" method="post" action="">
<label><span class="Stil2">Vorname *</span><br />
<input name="Vorname" type="text" class="Stil5" id="Vorname" />
</label>
</form>
<p>
<form id="form5" name="form5" method="post" action="">
<label><span class="Stil2">Telefon</span><br />
<input name="telefon" type="text" class="Stil5" id="telefon" />
</label>
</form>
<p>
<form id="form6" name="form6" method="post" action="">
<label><span class="Stil2">Mobiltelefon </span><br />
<span class="Stil6">
<input name="mobil" type="text" class="Stil5" id="mobil" />
</span></label>
</form>
<p>
</form>
<form id="form7" name="form7" method="post" action="">
<label><span class="Stil2">Postleitzahl und Ort </span><br />
<input name="ort" type="text" class="Stil5" id="ort" />
</label>
</form>
<p>
<form id="form3" name="form3" method="post" action="">
<label><span class="Stil2">E-Mail-Adresse *</span><br />
<input name="E-Mail-Adresse" type="text" class="Stil5" id="E-Mail-Adresse" />
</label>
</form></td>
<td height="198" colspan="2" valign="top"><form id="form4" name="form4" method="post" action="">
<label><span class="Stil2">Ihre Nachricht *</span><br />
<textarea name="nachricht" cols="37" rows="10" class="Stil5" id="nachricht"></textarea>
</label>
</form> <p><span class="Stil2">
<input name="button" type="submit" class="Stil5" id="button" value="Senden" />
</span></p></td>
<td width="15"> </td>
</tr>
<tr>
<td width="8" height="5"></td>
<td width="233" rowspan="2" valign="bottom"><span class="Stil2">Felder müssen für eine Bearbeitung Ihres Anliegens ausgefüllt werden</span></td>
<td></td>
</tr>
<tr>
<td height="28" valign="top"><span class="Stil2">* </span></td>
<td></td>
</tr>
<tr>
<td height="231"></td>
<td> </td>
<td></td>
</tr>
</table>
</body>
</html>
|
[Verschoben von Programmierung - HTML/CSS sind keine Programmiersprachen]
Zuletzt bearbeitet von Kash am Fr 28.08.2009 15:30, insgesamt 1-mal bearbeitet
|
|