Наборы полей с таблицами внутри. Как поставить их на одну строку?

Мне нужно выровнять два объекта <fieldset> на одной линии в форме частичного просмотра. Что ни делаю ничего не помогает. Пробовал плавать влево, вправо, пробовал минимизировать ширину, пробовал display:inline вариант.

Без таблиц работает. С ними - нет.

UPD: Или это может быть как-то связано с qTip, в который я пытаюсь их поместить.


html css asp.net-mvc-3 tablelayout
person iLemming    schedule 20.07.2011    source источник
comment
Так что не используйте tables тогда. Я не понимаю, зачем тебе это нужно.   -  person You    schedule 20.07.2011
comment
Док, каждый раз, когда я пытаюсь вытянуть левую руку, я чувствую судороги в подмышке. Доктор: Тогда не вытягивайте левую руку, попытайтесь использовать другую.   -  person iLemming    schedule 20.07.2011
comment
Можете ли вы предоставить пример кода, иллюстрирующий вашу проблему?   -  person Sebastian Patane Masuelli    schedule 21.07.2011

Ответы (2)


arrow_upward
11
arrow_downward

Это не табличные данные, так почему вы используете таблицу?

Существует множество примеров наборов полей css, которые можно использовать для создания красивых наборов полей с использованием соответствующих меток и входных данных. (См. http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html и http://www.sitepoint.com/fancy-form-design-css-4/ для двух быстрых примеров)

Если вы хотите, чтобы два набора полей располагались горизонтально, вы можете использовать display: inline-block

person Jonathan Fingland    schedule 20.07.2011
comment
Это просто qTip. По умолчанию он ограничивает maxWidth на 250 пикселей; - person iLemming; 20.07.2011

arrow_upward
0
arrow_downward

Fieldset работает с таблицами. Удалите любую часть стиля в теге таблицы. попробуйте этот пример. Меня устраивает.

<fieldset id="fieldset3" style="padding:20px;top:230px; position: absolute;">
<legend>Search Results</legend>
    <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>
</fieldset>
person Dineshgaru    schedule 04.07.2014
comment
Почему у вас form внутри fieldset? Должно быть наоборот. developer.mozilla.org/en-US/docs/Web/ HTML/элемент/набор полей - person jasonseminara; 26.08.2020
comment
Извинения! Ошибка печати! Удалил сейчас. @jasonseminara - person Dineshgaru; 26.08.2020