problem mit zeilenhöhe in einer tabelle

[bengaltiger]

hallo

ich habe eine tabelle erstellt, jedoch ist zwischen den zeilen viel platz
doch ich möchte dass die zeilen dicht untereinander legen

benutze firefox 8

hier der code:

<style>
#register{
    width:100%;
    height:33%;
    border-top:1px solid #FFCC33;
    border-bottom:1px solid #FFCC33;
}
#regsubtitle{
    width:60%;
    text-align:center;
    padding-top:4%;
    padding-bottom:4%;
    font-family:Arial, Helvetica, sans-serif;
    font-style:oblique;
    font-weight:bolder;
    font-size:48px;
    color:#FF9933;
    text-shadow:0px 0px 1px #000000;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
}
#label{
    width:20%;
    text-align:left;
}
#form{
    width:20%;
    text-align:right;
}
#validation{
    width:20%;
}
.val-show-green{
    visibility:visible;
    width:200px;
    border:1px solid #339900;
    background-color:#B2FF7F;
    color:#339900;
    text-align:center;
}
.val-show-orange{
    visibility:visible;
    width:200px;
    border:1px solid #FF8000;
    background-color:#F2F5A9;
    color:#FF8000;
    text-align:center;
}
.val-show-red{
    visibility:visible;
    width:200px;
    border:1px solid #B40404;
    background-color:#F6CECE;
    color:#B40404;
    text-align:center;
}
.val-hide{
    visibility:hidden;
}
li{
    list-style:none;
}
</style>
<table id="register">
  <tr height="5px">
    <td id="regsubtitle" rowspan="8"><div>
      <ul>
        <li>Not a member?</li>
        <li>Sign up now!</li>
      </ul>  
    </div></td>
    <td id="label">Username:</td>
    <td id="form"><input type="text" name="username" id="username" placeholder="Benutzername" /></td>
    <td id="validation"><li class="val-hide" id="val-username">1</li></td>
  </tr>
  <tr>
    <td id="label">Password:</td>
    <td id="form"><input type="password" name="password" id="password" placeholder="Passwort" /></td>
    <td id="validation"><li class="val-hide" id="val-password">2</li></td>
  </tr>
  <tr>
    <td id="label">Firstname:</td>
    <td id="form"><input type="text" name="firstname" id="firstname" placeholder="Max" /></td>
    <td id="validation"><li class="val-hide" id="val-firstname">3</li></td>
  </tr>
  <tr>
    <td>Lastname:</td>
    <td id="form"><input type="text" name="lastname" id="lastname" placeholder="Mustermann" /></td>
    <td id="validation"><li class="val-hide" id="val-lastname">4</li></td>
  </tr>
  <tr>
    <td id="label">Birthday:</td>
    <td id="form"><input type="date" name="birthday" id="birthday" placeholder="YYYY-MM-TT" maxlength="10" /></td>
    <td id="validation"><li class="val-hide" id="val-birthday">5</li></td>
  </tr>
  <tr>
    <td id="label">Email:</td>
    <td id="form"><input type="email" name="email" id="email" placeholder="[email protected]" /></td>
    <td id="validation"><li class="val-hide" id="val-email">6</li></td>
  </tr>
  <tr>
    <td id="label">Sex:</td>
    <td id="form"><select name="sex"><option >male</option><option>female</option></select></td>
    <td id="validation"><li class="val-hide" id="val-sex">7</li></td>
  </tr>
  <tr>
    <td id="label">I accept the <a href="#">AGB</a></td>
    <td id="form"><input type="radio" name="yes-no" id="yes" value="yes" />Yes <input type="radio" name="yes-no" id="no" value="no" checked="checked" />No <input type="button" name="submit_register" id="submit_register" value="SignUp" onclick="toggletitle();validation2()" /></td>
    <td id="validation"><li class="val-hide" id="val-agb">8</li></td>
  </tr>
</table>

ich höffe ihr könnt helfen

 

[Wustersoss]

Hallo,

Dein Code ist unübersichtlich. Warum verwendest du die Elemente nicht so wie sie vorgesehen sind.
Du verwendest eine Liste wo keine hingehört:

<ul>         <li>Not a member?</li>         <li>Sign up now!</li>       </ul>

Da wäre zum Beispiel das P-Element mit einer Klasse angebracht.
Zudem gehört es nicht ins Formular und damit nicht in die Tabelle.

Es fehlt das Form-Tag.

Wenn du schon eine Tabelle verwendest dann schau auch mal nach wie man die Elemente formatiert.

<tr height="5px">

Ist nicht richtig, da Grössenangaben wie alle Formatangaben ins CSS gehören.
Dort sind aber zu Tabellen keine Formatangaben zu finden.

CSS für Tabellen: Tabellen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Anleitung zu Formularen:
Formulare per CSS Layouten - style-sheets.de
Formulare über CSS gestalten





Und warum schreibst du Zahlen in die Tabelle, wenn du diese nicht anzeigst. Das ergibt für mich keinen Sinn.