PHP - Cajas de texto para nombre y contraseña

Buenas tardes, otra cosa que no se hacer y me está volviendo loco es como, sigo con el ejemplo, en facebbok arriba a la derecha hay dos etiquetas "correo" y "contraseña", debajo de cada etiqueta está su caja de texto correspondiente, y debajo de cada caja de texto hay otras opciones como "No cerrar sesión" y "¿Olvidó su clave?", hasta aquí todo bien.

Yo he hecho eso mismo o parecido en mi página y me sale perfecto, pero lo he metido en tablas y celdas para alinearlo, el problema es que cuando yo redimensiono la ventana, se me separan las cajas de texto o se me juntan, y me gustaría saber si hay alguna manera de que se queden siempre en el mismo lugar.

Un saludo

Hola Juan, una tabla no es lo mas indicado para ello... pero poniendo una anchura fija a la tabla (width="100") tendría que ser suficiente.

Coméntanos, ok?

Si una tabla no es lo mas indicado, me podrian decir que es lo que mejor sería, ya que soy nuevo en esto.

Un saludo.

Hola Juan, no se muy bien como tienes la web, pero la finalidad de las tablas, tendría que ser únicamente para ello, según wikipedia: una tabla es una forma de representar mucha información de manera esquematizada, ordenada y compacta.

La manera que yo veo correcta, es utilizando div's con estilos.

Me podriais poner un ejemplo para que quedara como la página de facebook de introducir la contraseña para iniciar sesión, he probado de mil formas y no me queda bien, me queda descolocado y mal.

Una ayuda, gracias.

Un saludo

Hola Juan, no se muy bien como ponerlo para que se adapte a tu web, tendría que ver el código con el formulario.... Si deseas ver como hacer un cuadro de texto similar a los de facebook, revisa este mensaje: http://www.lawebdelprogramador.com/foros/HTML/1399317-Ayuda_con_un_campo_de_texto_igual_que_los_de_facebook.html

Lo mejor que puedes hacer es separarlos en tablas y establecer ESTILOS CSS.

Las tablas tienen el defecto de que cada explorador puede interpretarla de una manera distinta o cambian su tamaño en la versión en linea.

A traves de la etiqueta "style" puedes asignar un tamaño fijo, puedes usarlo en porcentajes y en pixeles.

Ejemplo de una tabla con tamaño fijo:

<table width="400" align="center">
<tr>
<td align="left" valign="middle" style="width:100px;"> </td>
<td align="left" valign="middle" style="width:100px;> </td>
</tr>
</table>

La etiqueta style con el atributo width puedes usarla en los <table> <td><th><tr>, pero si solo necesitas ajustar el tamaño de cada celda usalo dentro de los TD. La alineación puedes configurarla con atributos propios de las tablas.

Espero haberte ayudado, si tienes alguna duda con mi explicación vuelve a preguntar. Saludos