mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 14:11 Benutzername: Passwort: Auto-Login

Thema: DW: Kontaktformular in Tabelle vom 28.08.2009

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DW: Kontaktformular in Tabelle
Autor Nachricht
Koy
Threadersteller

Dabei seit: 28.08.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 28.08.2009 10:51
Titel

DW: Kontaktformular in Tabelle

Antworten mit Zitat Zum Seitenanfang

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. Lächel

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">&nbsp;</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>&nbsp;</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
  View user's profile Private Nachricht senden
Ähnliche Themen Kontaktformular als Tabelle oder Formular?
Höhe aus Tabelle auslesen und in andere Tabelle einfügen
Tabelle in Tabelle ist 1 px größer O_o
Kontaktformular mit PHP
Kontaktformular
Kontaktformular im IE
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.