Retroceder   Foros del Web > Diseño de Sitios web > (X)HTML

Respuesta
 
Herramientas Desplegado
Antiguo 03-feb-2008, 05:25   #1 (permalink)
crujikoki está en el buen camino
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 163
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!
crujikoki está desconectado   Responder Citando
Antiguo 03-feb-2008, 06:46   #2 (permalink)
[HH]KaoS tiene algunos puntos positivos de karma
 
Avatar de [HH]KaoS
 
Fecha de Ingreso: diciembre-2004
Ubicación: Nerja, Málaga (España)
Mensajes: 193
Enviar un mensaje por Skype™ a [HH]KaoS
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!
__________________
Todo sobre mí
Comunidad Ext JS en Español (Out of service)
[HH]KaoS está desconectado   Responder Citando
Antiguo 03-feb-2008, 07:38   #3 (permalink)
crujikoki está en el buen camino
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 163
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.
crujikoki está desconectado   Responder Citando
Antiguo 03-feb-2008, 09:34   #4 (permalink)
[HH]KaoS tiene algunos puntos positivos de karma
 
Avatar de [HH]KaoS
 
Fecha de Ingreso: diciembre-2004
Ubicación: Nerja, Málaga (España)
Mensajes: 193
Enviar un mensaje por Skype™ a [HH]KaoS
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
__________________
Todo sobre mí
Comunidad Ext JS en Español (Out of service)
[HH]KaoS está desconectado   Responder Citando
Antiguo 04-feb-2008, 02:25   #5 (permalink)
crujikoki está en el buen camino
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 163
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.
crujikoki está desconectado   Responder Citando
Antiguo 04-feb-2008, 02:27   #6 (permalink)
Moderador
caricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy pronto
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 12.218
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
caricatos está desconectado   Responder Citando
Antiguo 04-feb-2008, 11:45   #7 (permalink)
crujikoki está en el buen camino
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 163
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!
crujikoki está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 09:49.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93