Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/03/2008, 15:39
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 8 meses
Puntos: 20
formulario con tablas o con css?

Buenas compañeros,

Quiero hacer el formulario de registro de mi pagina y no consigo colocar cada de manera alineada

Quiero llegar a conseguir algo asi, 1, 2, 2, 2, y 1 la derecha.

Usuario:
Contraseña: .................... Confirma Contraseña:...........................
Correo: ............................ Confirma Correo ...................................
Imagen captcha [ imagen] Introduce la imagen: ..........................

.................................................. .........................................Siguiente

Y tengo este codigo, pero no me lo muestra alineado, por ej. el confirma contraseña esta mas a la derecha que el confirma Correo, etc...

Código HTML:
<form id="formulario" method="post" action="includes/registro_user/crear_usuario.php">
					
					<p>
					Para poder utilizar todas las ventajas de <strong>Web/strong>, primero debes registrarte.<br />
					Escribe el nombre que quieres utilizar, una dirección de correo electrónico válida y los demás detalles necesarios en el siguiente formulario.
					</p>
					
					<strong>Nombre de Usuario:</strong><br/>
					<input type="text" class="bginput" name="user" size="25" maxlength="" value="" id="username" style="width: 120px"/><span id="username_status"></span>
					
					<table cellpadding="0" cellspacing="3" border="0" width="500">
					<tr>
						<td>
							<strong>Contraseña:</strong><br />
							<input type="password" class="bginput" name="password" size="25" maxlength="50" value="" onblur="varfield(1);" id="password_1"/>
						</td>
						<td>
							<strong>Confirmar Contraseña:</strong><br />
							<input type="password" class="bginput" name="passwordconfirm" size="25" maxlength="50" value="" onblur="varfield(2);" id="password_2"/>
							</td>
					</tr>
						<tr>
							<td colspan="2">
								<span id="password_1_status"></span>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<span id="password_2_status"></span>
							</td>
						</tr>
					</table>
						
					<table cellpadding="0" cellspacing="3" border="0" width="500">
					<tr>
						<td>
							<strong>Correo Electrónico:</strong><br/>
							<input class="frmemail" name="email" size="25" maxlength="50" value="" style="width: 120px" id="email_1" type="text">
						</td>
						<td>
							<strong>Confirmar Correo Electrónico:</strong><br/>
							<input class="frmemail" name="emailconfirm" size="25" maxlength="50" value="" style="width: 120px" id="email_2" type="text">
						</td>
					</tr>
						<tr>
							<td colspan="2">
								<span id="email_1_status"></span>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<span id="email_2_status"></span>
							</td>
						</tr>
					</table>
					
					<strong>Imagen de seguridad:</strong><br/>
					<div align="center" style="margin-bottom: 10px;"><img border="1" src="includes/registro_user/gen_imagen.php"></div>
					
						<input id="captcha" name="security_code" type="text"/>
						<div id="submit">
						<p><label for="send"></label>
							<input id="send" name="send" value="Siguiente" type="submit"  /><p>
						</div>
				</form> <!-- Fin formulario --> 
Gracias por adelantado!