Seite 1 von 1

HTML: form-tag sprengt design

Verfasst: 02.04.2007 17:49
von TomS
Ich habe eine Tabellenzelle, die eine bestimmte Höhe hat. Diese sollte nicht überschritten werden, weil das sonst mit dem Hintrgrundbild nicht mehr zusammen passt.
In dieser Zelle ist ein Formular. Dieses Formular ignoriert die <td>-Option "valign". Dadurch kleben die Eingabefelder am oberen Rand, anstatt in der Mitte.
Außerdem wird nach "</form>" Ein Zeilenumbruch erzeugt, der eben gerade dazu führt, dass die Zelle zu hoch wird und das Hintergrundbild sich wiederholt.

Wenn ich die Form-Tags außerhalb der Tabelle anbringe, habe ich einen viel zu großen Abstand zwischen der Tabelle mit dem Formular und der Tabelle, die sich direkt darunter befindet.

Unter Firefox hab ich das in den Griff bekommen, in dem ich die Form-Tags zwischen <tr> und <td> und zwischen </td> und </tr> gesetzt habe. Nur der IE (Version 6) spielt da nicht mit.

Eine Möglichkeit für beide Browser wäre "</form>" ganz ans Ende der Page zu setzen, wobei ich aber nicht weiß, ob sich weitere Formulare daran stören, dass sie mitten in einem anderen Formular stehen.

Lange Rede, kurzer Sinn: Kann ich irgendwie diesen Zeilenumbruch nach "</form>" verhindern, und meinen Tabellenstyle beibehalten (vielleicht mit CSS)?

Danke schonmal für eure Bemühungen,
Thomas

Verfasst: 02.04.2007 19:37
von StarWolf3000
Es gibt in der Tat eine CSS-Anweisung, mit der man das von dir gewünschte Verhalten hervorrufen kann und zwar folgendes:

Code: Alles auswählen

style="display: inline"
das schreibst du direkt in das <form>-Tag rein

Verfasst: 02.04.2007 19:55
von Pyramide
Oder

Code: Alles auswählen

form {margin:none}

Verfasst: 02.04.2007 20:10
von S2B
Imho gibt es none nur bei Border, also:

Code: Alles auswählen

form {
  margin: 0
}

Verfasst: 02.04.2007 20:21
von TomS
Vielen Dank, euch. Ihr habt mir den Abend gerettet. :grin: