✔ Leerzeile nach Formular, style:display:inline unterbindet background-color

[Aser]

tag,
ich habe folgendes Problem:

Ich habe eine Tabelle. In einer Zelle dieser Tabelle befindet sich das Forumular. Dieses soll eine bestimmte Hintergrundfarbe habe.

dies habe ich folglich geloest:

<form style='background-color:musterfarbe;' method='POST'...>

nun erscheint direkt nach dem Formular eine Leerzeile, die mein Layout derbst verunstaltet

folgich habe ich diesen Code im Netz gefunden

<form style="display:inline;".......>

jetzt kommts... wenn ich beide kombiniere:

<form style='background-color:musterfarbe; display:inline;' method='POST'...>

dann ist die Leerzeile weg, der Hintergrund von den TEXTEN in meiner Musterfarbe, aber der Gesamthintergrund vom Formular ist dann wieder im Standardfarbton.


selbstverstaendlich koennt ich einfach das Formular in ein Table-Tab packen, des kommt doch a bissl "unprofessionell"

 

[teccco]

Hallo!

Bist du dir im klaren was

display: inline

macht? Es verwandelt dein Formular von einem Block-Element (deswegen hast du eine "Leerzeile" danach) in ein "fließendes" Element um. Solch eine Anweisung brauchst du für deinen gewollten Effekt nicht anwenden

Komplett ausreichend ist bei dir folgendes:

<form style="background-color:#farbe;margin-bottom:0px;">...</form>

selbstverstaendlich koennt ich einfach das Formular in ein Table-Tab packen, des kommt doch a bissl "unprofessionell"

Könntest du. Aber der Effekt wäre immernoch derselbe beim Formular.

http://www.w3.org/TR/REC-CSS2/box.html

 

[Aser]

perfekt, vielen Dank