Kleines formatierungs Problemchen

Unregistriert

Hallo,

Bin neu hier und möchte gleich mal einen Blitzstart hin legen

Es ist kein großes Problem welches ich habe, dennoch bekomm ich es einfach nicht hin.

Und zwar...
Ich versuche zur Zeit mir ein Formular zu basteln, welches sich der User ausdrucken kann um es Unterschrieben zu mir zu schicken.
Das alles habe ich auch bis jetzt so geschafft wie ich mir das vorgestellt habe...

Ich arbeite mit dem Adobe Dreamweaver CS4 - Im Programm selbst sieht alles so aus wie ich es möchte, nur wenn ich mir dann die Vorschau ansehe sind die Zeileabstände rießig.

Das beste ist wohl ich zeige auch Screenshots, um es verständlicher zu machen.

http://img19.imageshack.us/img19/8703/formular1.jpg
http://img522.imageshack.us/img522/6150/formular2.jpg

Erstes Bild - Dreamweaver
Zweites Bild - Browser (Vorschau)

Ich glaub dass ist kein großes Problem für jemanden der weiß was er tut, oder?
Wenn noch etwas benötigt wird um zu helfen, bitte einfach bescheid sagen.
Hab da wohl irgendwas vermurkst

Wäre wirklich sehr dankbar für jede Hilfe!
mfg

Tobse

Ohne den Code geht nix! Poste den mal.

Unregistriert

Stimmt der ist wohl brauchbarer. An den hab ich gar nicht gedacht sorry
Danke

Code

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#form1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
}
#form1 table tr td h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	text-align: left;
}
#form1 table tr td h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: right;
}
#form1 table tr td1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#form1 table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
}
.überschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.überschrift1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: center;
}
#form1 table tr td {
	text-align: left;
}
.buttons {
	text-align: center;
}
#form1 table {
	text-align: center;
}
-->
</style>
</head>


<body>
<form id="form1" name="form1" method="post" action="">
  <p>Reparatur - Kostenvoranschlag</p>
  <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td width="198">Kontakt:</td>
      <td colspan="2"><h6>&nbsp;</h6></td>
    </tr>
    <tr>
      <td><h5>Vorname:</h5></td>
      <td colspan="2"><label>
        <input name="vorname" type="text" id="vorname" size="30" />
      </label></td>
    </tr>
    <tr>
      <td><h5>Nachname:</h5></td>
      <td colspan="2"><label>
        <input name="nachname" type="text" id="nachname" size="30" />
      </label></td>
    </tr>
    <tr>
      <td><h5>Email:</h5></td>
      <td colspan="2"><label>
        <input name="email" type="text" id="email" size="30" />
      </label></td>
    </tr>
    <tr>
      <td><h5>Telefon:</h5></td>
      <td colspan="2"><input name="telefon" type="text" id="telefon" size="30" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td>Adresse:</td>
      <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td class="überschrift"><h5>Straße/Nr:</h5></td>
      <td colspan="2"><label>
        <input name="strasse" type="text" id="strasse" size="30" />
      / 
      <input name="nummer" type="text" id="nummer" size="8" />
      </label></td>
    </tr>
    <tr>
      <td class="überschrift"><h5>Postleitzahl:</h5></td>
      <td colspan="2"><label>
        <input name="plz" type="text" id="plz" size="30" />
      </label></td>
    </tr>
    <tr>
      <td class="überschrift"><h5>Stadt:</h5></td>
      <td colspan="2"><label>
        <input name="stadt" type="text" id="stadt" size="30" />
      </label></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td>Konsolenidentifikation:</td>
      <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td><p>
        <label>
          <span class="überschrift1">Seriennummer</span>
          <input name="serienummer" type="text" id="serienummer" size="25" maxlength="12" />
        </label>
      </p></td>
      <td width="189" class="überschrift1"><p><span class="überschrift1">Herstellungsdatum</span>
<label>
  <input type="text" name="mfd" id="mfd" />
</label>
      </p></td>
      <td width="199" class="überschrift1"><p><span class="überschrift1">Garantien noch vorhanden?</span>
          <label>
            <select name="garantie" size="1" id="garantie">
              <option>Nein</option>
              <option>Ja</option>
            </select>
          </label>
      </p></td>
    </tr>
    <tr>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="3">Fehlerbeschreibung</td>
    </tr>
    <tr>
      <td colspan="3"><textarea name="fehlerbeschreibung" cols="80" rows="10" class="überschrift1" id="fehlerbeschreibung"></textarea></td>
    </tr>
    <tr>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="3">Unterschrift:<span class="überschrift1">_____________________</span></td>
    </tr>
    <tr>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr class="buttons">
      <td colspan="3"><input type="button" onclick="window.print();" value="Seite ausdrucken" />        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <label>
          <input type="reset" name="zurücksetzen" id="zurücksetzen" value="Zurücksetzen" />
        </label></td>
    </tr>
  </table>
</form>
</body>
</html>

Alles anzeigen

Tobse

Ok. Eigentlich müsste das so aussehen wie im Dreamweaver, aber du benutzt sicher den IE, oder? Schreib mal, da wo immer dinge nach dem Schema stehen:

Code

*asd {
    asfasf: apawe;
}

noch folgendes hinzuzufügen:

Code

table tr, table tr td {
    padding: none;
    margin-nont;
}

Bandit

Was ist???

Zitat

margin-nont;

Elvis

Zitat von Tobse

Sorry, margin: none;

Zitat

Erlaubt sind ein bis vier numerische Angaben oder die Werte auto und inherit.

Quelle: selfhtml

Tobse

Jo, das hab ich.
Ich weiss auch, das das eig. nich erlaubt ist, aber es kappt ;). Dann eben valide:

Code

table tr, table tr td {
    padding: 0px;
    margin: 0px;
}

Elvis

Schon mal was davon gehört dass es keine Einheit bei einer NULL gibt?

Tobse

schon mal drüber nachgedacht, dass es invalide äre wenn es nur 0; wäre???
Und schonmal drüber nachgedacht, ob du hier sinfolle kritik oder i-was zum thema postets???
@unregistriert: klappts?

synaptic

tobse 0 braucht keine einheit und is dennoch valide! 0 is 0 egal ob px, em oder %

Tobse

Dann soll er sichs raussuchen. Tut mir leid, das ich deswegen etwas unfreundlich war. Aber der Threadstarter scheint ja eine Lösung gefunden zu haben. Er meldet sich ja nicht.

Elvis

Zitat von Tobse

Und schonmal drüber nachgedacht, ob du hier sinfolle kritik oder i-was zum thema postets???

Das sinnvolle (man achte auf das "v") hast Du ja löschen lassen, nur weil Du es nicht verstanden hast.

Zitat von Tobse

Ich weiss auch, das das eig. nich erlaubt ist

Ach, so sieht eine sinnvolle Antwort aus.

Tobse

Ich verwende es deswegen, weil es keine Probleme im Validator mach und weil ich es aus welchem grund auch immer übersichtlicher finde. Und schon wieder ham zwei leute, Tobse und Elvis, diesen thread zugespammt und daher bitte ich synaptic darum, ihn zu schliessen, weil sich der starter eh nichtmher meldet.

Kleines formatierungs Problemchen

Tags

Benutzer online in diesem Thema