Các trường có bảng bên trong. Làm thế nào để đặt chúng trên cùng một dòng?

Question

Tôi cần căn chỉnh hai đối tượng <fieldset> trên cùng một dòng ở dạng xem một phần. Bất cứ điều gì tôi không làm gì giúp. Đang cố gắng thả chúng sang bên trái, bên phải, cố gắng thu nhỏ chiều rộng, thử tùy chọn display:inline.

Không có bảng hoạt động. Với họ - không.

UPD: Hoặc nó có thể là một cái gì đó để làm với qTip trong đó tôi đang cố gắng để đặt những người.

Answer 1

Đó không phải là dữ liệu dạng bảng, vậy tại sao bạn sử dụng bảng?

Có rất nhiều ví dụ về fieldset css để sử dụng để làm cho các trường trông đẹp mắt bằng cách sử dụng nhãn và đầu vào phù hợp. (Xem http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html và http://www.sitepoint.com/fancy-form-design-css-4/ cho hai ví dụ nhanh)

Nếu sau đó bạn muốn có hai fieldsets xoay ngang, bạn có thể sử dụng display: inline-block

Answer 2

fieldset làm việc với các bảng. Loại bỏ bất kỳ phần phong cách nào trong thẻ bảng. hãy thử ví dụ này. Nó làm việc cho tôi.

<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>