Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   HTML (http://www.forosdelweb.com/f4/)
-   -   Alinear opuestamente dos inputs (http://www.forosdelweb.com/f4/alinear-opuestamente-dos-inputs-553996/)

crujikoki 03/02/2008 06:25

Alinear opuestamente dos inputs
 
Hola,
Como el título indica, quisiera saber si se puede, y de ser así como se hace, para alinear dos elementos (en este caso inputs) opuestamente. Me explico, voy a poner un ejemplo:

Tengo una tabla con X filas donde una de ellas es así:

Código HTML:

<tr>
<td colspan="5"  bgcolor="white">
Título:<input type="text" value="text1"><br>
Subtítulo:<input type="text" value="text2"><br>
<input type="submit" value="Añadir"><br>
<!-- más cosas alineadas y posicionadas donde toque -->
</td>
</tr>

Yo lo que quiero es que esos dos inputs estén en la misma linea horizontal y uno en el maren izquierdo y el otro en el margen derecho y poder edita también la distancia a dichos margenes. He intentado lo siguiente:

Código HTML:

<tr>
<td colspan="5"  bgcolor="white">
Título:<input align="left" type="text" value="text1">
Subtítulo:<input align="right" type="text" value="text2"><br>
<input type="submit" value="Añadir"><br>
<!-- más cosas alineadas y posicionadas donde toque -->
</td>
</tr>

Pero no se queda como quiero, se me quedan en medio de la tabla uno al lado del otro y lo que yo quiero es eso pero uno a cada punta. Eso es posible?

Muchas gracias de antemano!

[HH]KaoS 03/02/2008 07:46

Re: Alinear opuestamente dos inputs
 
Buenas crujikoki,

Para la maquetación no te recomiendo que uses tablas, hace tiempo el W3C se puso en contra de esta técnica, para ello se crearon las hojas de estilo que tiene muchas más ventajas.

De todas formas si no tienes tiempo o no quieres hacerlo con CSS deberías introducir una tabla dentro del <td colspan="5.."> con dos columnas (borde=0) y así podrías controlar eso que quieres hacer.

Pero repito, esto no se debe hacer, debería usar capas (<div> con su estilo correspondiente).
Si quieres aprender a hacerlo deberías dirigirte al foro de CSS para mantener los hilos en su sitio.

Un saludo y suerte!

crujikoki 03/02/2008 08:38

Re: Alinear opuestamente dos inputs
 
Hola,
Pues lo que dices de las tablas no lo sabía y tampoco lo había pensado en hacer por que me parece un poco "cutre" aun que a corto plazo me parece buena solución.
También miraré los estilos com me recomiendas a ver si resulta ser más práctico.

Muchas gracias!
Saludos.

[HH]KaoS 03/02/2008 10:34

Re: Alinear opuestamente dos inputs
 
Cita:

Iniciado por crujikoki (Mensaje 2272916)
Hola,
Pues lo que dices de las tablas no lo sabía y tampoco lo había pensado en hacer por que me parece un poco "cutre" aun que a corto plazo me parece buena solución.
También miraré los estilos com me recomiendas a ver si resulta ser más práctico.

Muchas gracias!
Saludos.

Jeje, sí, la opción de las tablas es cutre, pero es que los formularios tampoco deben ser introducidos dentro de tablas; las tablas son para tabular datos.

Venga ánimo

crujikoki 04/02/2008 03:25

Re: Alinear opuestamente dos inputs
 
Hola,
Pues ahora si que no te entiendo...
Yo no incluyo ningún formulario dentro de la tabla. Los datos de todos esos inputs los sacaré de la tabla con un JS.
En todo caso metería la tabla dentro del formulario, pero a ese formulario nunca se le haría un submit por que los datos obligatoriamente los tengo que sacar con el JS. En este caso si que puedo hacer la solución cutre pero efectiva de las tablas o se me fundirá el PC si lo hago???

Insisto en el tema por que lo de los estilos no lo veo práctico por que solo lo necesito para esto. A parte que me web nunca de la vida será colgada en la red (forma parte de mi proyecto final de carrera) y los del W3C que tu mencionas no podrán meter a mi web en la carcel para webs...

Saludos.

caricatos 04/02/2008 03:27

Re: Alinear opuestamente dos inputs
 
Hola:

Pues las alineaciones suelen ser tema de estilos, y se me ocurre que podrías poner en un contenedor el primero con posición absoluta y coordenadas 0, 0 y el segundo alineado a la derecha...

<div>
<input style="position: absolute; top: 0; left: 0" ...>
<input style="text-align: right"... >
</div>

O tal vez haciéndolos flotar (uno o los dos) también se consiga.

Saludos :arriba:

crujikoki 04/02/2008 12:45

Re: Alinear opuestamente dos inputs
 
Hola,
Bufff, creo que no tendré más remedio que mirarme los CSS... Bueno pues si hay que hacer se hace. Gracias de todas formas!
Saludos!


La zona horaria es GMT -6. Ahora son las 22:16.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.