Leere Zeile bei </form>

[Andy]

Hi,

bei mir sollte eine Tabelle so aussehen:

-------------------------------
|Button|Button|Button|Button|...|
 -------------------------------

Um den Button ist noch <form></form> mit später noch einigen hidden-Feldern.

Allerdings sieht di Tabelle so aus:
 -------------------------------
|Button|Button|Button|Button|...|
|      |      |      |      |   |
 -------------------------------

Nach dem Button ist noch eine Leerzeile. Wie bekomme ich die weg?

Andy

[Christian]

Hallo Andy.

Nach dem Button ist noch eine Leerzeile. Wie bekomme ich die weg?

Das geht, indem du in der Form die Abstände per css anpasst:
style="margin-bottom: 0px;"

Solltest du mit CSS nicht vertraut sein, lohnt sich das Kapitel in SelfHTML unbedingt.

Grüsse,
  Christian

[Andy]

Hallo Christian,

das hilft aber auch nichts:

<table style="HEIGHT: 25px" cellSpacing="0" cellPadding="0" border="1">
            <tr>
              <td height=10>
                <form method="POST" action="">
                  <input type="submit" name="B1" value="" class="menubutton" style="background-image: url('bilder/menu/start.gif'); margin-bottom: 0px"></form></td>
              <td height=10>
                <form method="POST" action="map.php">
                  <input type="submit" name="B1" value="" class="menubutton" style="background-image: url('bilder/menu/map.gif'); margin-bottom: 0px"></form></td>
              <td>
                <form method="POST" action="">
                  <input type="submit" name="B1" value="" class="menubutton" style="background-image: url('bilder/menu/stadt.gif'); margin-bottom: 0px"></form></td>
              <td>
                <form method="POST" action="">
                  <input type="submit" name="B1" value="" class="menubutton" style="background-image: url('bilder/menu/forschung.gif'); margin-bottom: 0px"></form></td>
               <td>
                <form method="POST" action="">
                  <input type="submit" name="B1" value="" class="menubutton" style="background-image: url('bilder/menu/statistik.gif'); margin-bottom: 0px"></form></td>
           </tr>
          </table>

Andy

[Andy]

Hi,

hier noch ein kleiner Nachtrag:

.menubutton     {COLOR: #000000; FONT-FAMILY: Tahoma,Verdana; FONT-SIZE: 12px; border-style: solid; border-width: 1; width=30px; height=30px; border-color=#000000}

Andy

[MudGuard]

Hi,

.menubutton     {COLOR: #000000; FONT-FAMILY: Tahoma,Verdana; FONT-SIZE: 12px; border-style: solid; border-width: 1; width=30px; height=30px; border-color=#000000}

In CSS ist der Doppelpunkt das Zeichen zwischen Eigenschaft und Wert.

cu,
Andreas

[Tobias Kloth]

Hallo Andy,

<input type="submit" [...] style="[...] margin-bottom: 0px"></form></td>

nicht das input soll das margin-bottom:0; bekommen, sondern das form-Element (wenn das margin-bottom:0; nicht hilft, könntest du mal versuchen aus dem Formular mit hilfe von display:inline; ein inline-Element zu machen).

Grüße aus Nürnberg
Tobias