2011-07-20 29 views
6

Necesito alinear dos objetos <fieldset> en la misma línea en forma de vista parcial. Lo que sea que haga nada, ayuda. Al tratar de hacerlas flotar a la izquierda, a la derecha, intentaron minimizar el ancho, probando la opción display:inline.Fieldsets con tablas dentro. ¿Cómo ponerlos en la misma línea?

Sin tablas funciona. Con ellos, no.

UPD: O podría tener algo que ver con qTip dentro del cual estoy tratando de colocarlos.

+0

Así que no use 'table's then. No puedo ver por qué tendrías que hacerlo. – You

+1

Doc, cada vez que trato de extender el brazo izquierdo siento calambres en la axila. Doctor: Bueno, no extienda su brazo izquierdo, intente utilizar el otro – Agzam

+0

¿Puede proporcionar un ejemplo de código que ilustre su problema? –

Respuesta

10

No son datos tabulares, entonces ¿por qué está usando una tabla?

Existen numerosos ejemplos de conjuntos de campos CSS que se pueden usar para crear conjuntos de campos de buen aspecto mediante etiquetas y entradas de forma adecuada. (Ver http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html y http://www.sitepoint.com/fancy-form-design-css-4/ durante dos ejemplos rápidos)

Si luego quieren tener los dos conjuntos de campos dispuestos horizontalmente, puede utilizar display: inline-block

+0

Es solo la punta q. Por defecto, limita el maxWidth por 250px; – Agzam

0

Fieldset trabaja con las tablas. Elimine cualquier parte de estilo en la etiqueta de la tabla. prueba este ejemplo Esto funciona para mi.

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