Fieldsets with tables inside. How to put them on the same line?

iLemming picture iLemming · Jul 20, 2011 · Viewed 33.3k times · Source

I need to align two <fieldset> objects on the same line in partial view form. Whatever I do nothing helps. Trying to float them to the left, to the right, tried to minimize the width, tried display:inline option.

Without tables it works. With them - doesn't.

UPD: Or it might be something to do with qTip within which I'm trying to place those.

Answer

Jonathan Fingland picture Jonathan Fingland · Jul 20, 2011

It's not tabular data, so why are you using a table?

There are numerous css fieldset examples to use to make nice looking fieldsets using labels and inputs appropriately. (See http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html and http://www.sitepoint.com/fancy-form-design-css-4/ for two quick examples)

If you then want to have the two fieldsets arranged horizontally, you can use display: inline-block