Foros del Web » Creando para Internet » HTML »

Alinear opuestamente dos inputs

Estas en el tema de Alinear opuestamente dos inputs en el foro de HTML en Foros del Web. 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) ...
  #1 (permalink)  
Antiguo 03/02/2008, 06:25
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 3 meses
Puntos: 8
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!
  #2 (permalink)  
Antiguo 03/02/2008, 07:46
Avatar de [HH]KaoS  
Fecha de Ingreso: diciembre-2004
Ubicación: Nerja, Málaga (España)
Mensajes: 216
Antigüedad: 19 años, 3 meses
Puntos: 6
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!
__________________
Más información sobre mi: Raúl Jiménez
  #3 (permalink)  
Antiguo 03/02/2008, 08:38
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 3 meses
Puntos: 8
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.
  #4 (permalink)  
Antiguo 03/02/2008, 10:34
Avatar de [HH]KaoS  
Fecha de Ingreso: diciembre-2004
Ubicación: Nerja, Málaga (España)
Mensajes: 216
Antigüedad: 19 años, 3 meses
Puntos: 6
Re: Alinear opuestamente dos inputs

Cita:
Iniciado por crujikoki Ver Mensaje
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
__________________
Más información sobre mi: Raúl Jiménez
  #5 (permalink)  
Antiguo 04/02/2008, 03:25
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 3 meses
Puntos: 8
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.
  #6 (permalink)  
Antiguo 04/02/2008, 03:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 04/02/2008, 12:45
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 3 meses
Puntos: 8
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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:48.