Sets with tables inside. How to place them on one line?

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

Without tables, this works. Not with them.

UPD: Or it could be due to qTip in which I am trying to place them.

+6
source share
2 answers

This is not tabular data, so why are you using a table?

There are many examples of css fieldset that you can use to create beautiful looking fields using labels and inputs, respectively. (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 want the two fields to be horizontal, you can use display: inline-block

+10
source

Fieldset works with tables. Remove any part of the style in the table tag. try this example. This works for me.

 <fieldset id="fieldset3" style="padding:20px;top:230px; position: absolute;"> <legend>Search Results</legend> <form> <table id="EmployeeDetails" border="1" cellpadding="3%"> <tr> <th>Name</th> <th>Case Status</th> <th>Click here to View </th> </tr> <tr> <td>Dinesh</td> <td>Occupied</td> <td><button type="submit" id="Search">Search</button></td> </tr> </table> </form> </fieldset> 
0
source

Source: https://habr.com/ru/post/893203/


All Articles