[HTML] Forms in Tabellen

[Angel4585]

Hallo,

ich hab folgende Tabelle:

Code:

<table>
  <tbody>
    <tr>
      <td>[img]./images/cellpic.gif[/img]
Bezeichnung</td>
      <td>[img]./images/cellpic.gif[/img]
X</td>
      <td>[img]./images/cellpic.gif[/img]
Y</td>
      <td>[img]./images/cellpic.gif[/img]
Z</td>
      <td>[img]./images/cellpic.gif[/img]
Besitzer</td>
      <td>[img]./images/cellpic.gif[/img]
Aktion 1</td>
      <td>[img]./images/cellpic.gif[/img]
Aktion 2</td>
      <td width="100%"></td>
    </tr>
    <tr>
      <td class="navi">Schiff Nummer 0</td>
      <td class="navi">0</td>
      <td class="navi">0</td>
      <td class="navi">0</td>
      <td class="navi">Besitzer</td>
      <td class="navi">
        <form method="post" action="navigator.php">
          <input type="hidden" name="shipx" value="0">
          <input type="hidden" name="shipy" value="0">
          <input type="hidden" name="shipz" value="0">
          <input type="hidden" name="follow" value="0">
          <input type="submit" name="yes" value="Verfolgen">
        </form>
      </td>
      <td class="navi">
        <form method="post" action="tactics.php">
          <input type="hidden" name="shipx" value="0">
          <input type="hidden" name="shipy" value="0">
          <input type="hidden" name="shipz" value="0">
          <input type="hidden" name="attack" value="0">
          <input type="submit" name="yes" value="Angreifen">
        </form>
      </td>
    </tr>
  </tbody>
</table>

und habe jetzt das Problem, dass obwohl die Forms in anderen td's sind, diese über dem Text der in den td's links davon steht stehen. Wie kann ich das ändern? ich habs mit valign="middle" bzw. über css: vertical-align probiert, aber da tut sich rein garnichts :?

Danke schonmal

:angel:

[S2B]

Es könnte daran liegen, dass in deinem zweiten <tr> ein <td> zu wenig ist... :wink:

[marabu]

Hallo Martin,

wenn du feste Breiten haben willst, dann solltest du deine Spalten vordefinieren. Den Sinn von cell.gif kann ich nicht erkennen. In deiner Titelzeile hast du eine achte Spalte, die nie benutzt wird und durch with="100%" das Layout versaut. Wenn du die Button Controls auf der Höhe deines Textes haben möchtest, dann hilft in deinem Fall schon eine Zeilenschaltung oberhalb vom Button:

Code:

<table cellpadding="3" cellspacing="0">
  <colgroup>
    <col width="150"/>
    <col width="50"/>
    <col width="50"/>
    <col width="50"/>
    <col width="100*"/>
    <col width="100"/>
    <col width="100"/>
  </colgroup>
  <thead>
    <tr>
      <td>Bezeichnung</td>
      <td>X</td>
      <td>Y</td>
      <td>Z</td>
      <td>Besitzer</td>
      <td>Aktion 1</td>
      <td>Aktion 2</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="navi">Schiff Nummer 0</td>
      <td class="navi">0</td>
      <td class="navi">0</td>
      <td class="navi">0</td>
      <td class="navi">Besitzer</td>
      <td class="navi">
        <form method="post" action="navigator.php" border="1">
          <input type="hidden" name="shipx" value="0">
          <input type="hidden" name="shipy" value="0">
          <input type="hidden" name="shipz" value="0">
          <input type="hidden" name="follow" value="0">
          


          <input valign="bottom" type="submit" name="yes" value="Verfolgen">
        </form>
      </td>
      <td class="navi">
        <form method="post" action="tactics.php" border="1">
          <input type="hidden" name="shipx" value="0">
          <input type="hidden" name="shipy" value="0">
          <input type="hidden" name="shipz" value="0">
          <input type="hidden" name="attack" value="0">
          


          <input type="submit" name="yes" value="Angreifen">
        </form>
      </td>
    </tr>
  </tbody>
</table>

Grüße vom marabu