Foros del Web » Creando para Internet » HTML »

Diseño del formulario, desordenado.

Estas en el tema de Diseño del formulario, desordenado. en el foro de HTML en Foros del Web. Bueno, el tema es que me sale muy mal diseñado. Me lo podrian enderezar un poquito? Gracias Codigo HTML: Código: <form id="formulario" class="fValidator-form" name="formulario" method="post" ...
  #1 (permalink)  
Antiguo 08/06/2008, 11:58
 
Fecha de Ingreso: junio-2006
Mensajes: 45
Antigüedad: 17 años, 9 meses
Puntos: 0
Diseño del formulario, desordenado.

Bueno, el tema es que me sale muy mal diseñado.

Me lo podrian enderezar un poquito?

Gracias

Codigo HTML:
Código:
<form id="formulario" class="fValidator-form" name="formulario" method="post" action="">
  <td><label for="exA_Id">Nombre<br>
  </label></td>  
                     <td><input id="exA_Id" class="fValidate['required']" name="id" type="text" />
                       <br>
                     <br></td>  
                 <tr>  
                   <td><label for="exA_Password">Clave:</label></td>  
                     <td><input id="exA_Password" class="fValidate['required']" name="password" type="password" />
                       <br>
                     <br></td>  
                 </tr>  
                 <tr>  
                     <td><label for="exA_cPassword">Repetir clave</label></td>  
                   <td><input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" />
                     <br>
                     <br></td>  
                 </tr>  
                 <tr>  
                     <td><label for="exA_Name">Correo Intranet</label></td>  
                   <td><input id="exA_Name" class="fValidate['required','alpha']" name="name" type="text" />
                     <br></td>  
                 </tr>  
                 <tr>  
                     <td>Sexo:</td>  
                   <td>  
                     <label for="exA_Sex_male"><br>
                     Hombre</label>
                         <input id="exA_Sex_male" name="sex" type="radio" value="male" />  
                         <label for="exA_Sex_female">Mujer</label><input id="exA_Sex_female" class="fValidate['required']" name="sex" type="radio" value="female" />
                         <br>
                         <br>  
                   </td>  
                 </tr>  
                 <tr>  
                     <td><label for="exA_Date">Fecha de nacimiento:</label></td>  
                   <td><input id="exA_Date" class="fValidate['date']" name="date" type="text" />
                     <br>
                     <br></td>  
                 </tr>  
                 <tr>  
                     <td><label for="exA_Phone">Telefono:</label></td>  
                   <td><input id="exA_Phone" class="fValidate['required','phone']" name="phone" type="text" />
                     <br>
                     <br></td>  
                 </tr><tr><td>&nbsp;</td>  
                 </tr>  
                 <tr>  
                     <td><label for="exA_Email">Email:</label></td>  
                   <td><input id="exA_Email" class="fValidate['required','email']" name="email" type="text" />
                     <br>
                     <br></td>  
                 </tr>  
                 <tr>  
                     <td><label for="exA_Url">Espacio en comunidad Marcos Paz Digital</label></td>  
                   <td><input id="exA_Url" class="fValidate['required','url']" name="url" type="text" />
                     <br>
                     <br></td>  
                 </tr>  
            
  <tr>  
    <td><label for="exA_Number">Real (float):</label></td>  
                     <td><input id="exA_Number" class="fValidate['required','real']" name="number" type="text" /></td>  
  </tr>  
 </p>
 <p>
  <input type="submit" name="Submit" value="Submit" />
  <input type="reset" name="Submit2" value="Reset" />
</p>
</form>
  #2 (permalink)  
Antiguo 08/06/2008, 12:28
Avatar de jaronu  
Fecha de Ingreso: febrero-2008
Mensajes: 2.183
Antigüedad: 16 años, 1 mes
Puntos: 52
Respuesta: Diseño del formulario, desordenado.

este tema creo que lo deberias postear en el foro de html

de todas formas a mi se me ve bien ordenado, otra cosa es que lo quieras de otra manera, por eso que postea en html
  #3 (permalink)  
Antiguo 08/06/2008, 14:25
 
Fecha de Ingreso: junio-2006
Mensajes: 45
Antigüedad: 17 años, 9 meses
Puntos: 0
Respuesta: Diseño del formulario, desordenado.

Cita:
Iniciado por jaronu Ver Mensaje
este tema creo que lo deberias postear en el foro de html

de todas formas a mi se me ve bien ordenado, otra cosa es que lo quieras de otra manera, por eso que postea en html
Miralo cuando lo abris:



Es realmente horrible, quisiera los campos alineados, y a la derecha de los nombres.

Alguien me da una mano, por favor.
  #4 (permalink)  
Antiguo 08/06/2008, 14:47
Avatar de jaronu  
Fecha de Ingreso: febrero-2008
Mensajes: 2.183
Antigüedad: 16 años, 1 mes
Puntos: 52
Respuesta: Diseño del formulario, desordenado.

esto es puro HTML deberias de postear alli, lo rero es que no te hayan movido ya el post al foro de <html>

Cita:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">&nbsp;</td>
<td width="50%">&nbsp;</td>
</tr>
<tr>
<td>Nombre</td>
<td><input id="exA_Id" class="fValidate['required']" name="id" type="text" /></td>
</tr>
<tr>
<td></td></tr><tr>
<td><label for="exA_Password">Clave:</label></td>
<td><input id="exA_Password" class="fValidate['required']" name="password" type="password" /></td>
</tr><tr>
<td></td></tr>
<tr>
<td><label for="label">Repetir clave</label></td>
<td><input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" /></td></tr><tr>
<td>Correo Intranet</td>
<td><input id="exA_Name" class="fValidate['required','alpha']" name="name" type="text" /></td>
</tr>
<tr>
<td>sexo</td>
<td><label for="exA_Sex_male">Hombre</label>
<input id="exA_Sex_male" name="sex" type="radio" value="male" />
<label for="exA_Sex_female">Mujer</label>
<input id="exA_Sex_female" class="fValidate['required']" name="sex" type="radio" value="female" /></td>
</tr>
<tr>
<td>Fecha nacimiento</td>
<td><input id="exA_Date" class="fValidate['date']" name="date" type="text" /></td>
</tr>
<tr>
<td>Telefono:</td>
<td><input id="exA_Phone" class="fValidate['required','phone']" name="phone" type="text" /></td>
</tr>
<tr>
<td><label for="exA_Email">Email:</label></td>
<td><input id="exA_Email" class="fValidate['required','email']" name="email" type="text" /></td>
</tr>
<tr>
<td>Espacio en comunidad Marcos Paz Digital</td>
<td><input id="exA_Url" class="fValidate['required','url']" name="url" type="text" /></td>
</tr>
<tr>
<td>Real (float):</td>
<td><input id="exA_Number" class="fValidate['required','real']" name="number" type="text" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><div align="center">
<input type="submit" name="Submit" value="Submit" />
</div></td>
<td><div align="center">
<input type="reset" name="Submit2" value="Reset" />
</div></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
  #5 (permalink)  
Antiguo 08/06/2008, 15:06
Avatar de jam1138
/** @package Moderador */
 
Fecha de Ingreso: julio-2004
Ubicación: sèveR led onieR lE
Mensajes: 9.368
Antigüedad: 19 años, 7 meses
Puntos: 102
Respuesta: Diseño del formulario, desordenado.

Cita:
Iniciado por jaronu Ver Mensaje
[...] lo rero es que no te hayan movido ya el post al foro de <html>
Es fin de semana... no sé ni qué hago aquí

En serio, ayudarías si reportaras los temas utilizando el ícono correspondiente (). Esto hace que le llegue un correo electrónico al moderador en curso avisándole del motivo del reporte. Igual vale para cualquier otra cosa que incumpla con las normas del foro.

@Stranyer: favor de poner los temas en el foro indicado.

Tema movido desde PHP.
__________________
٩(͡๏̯͡๏)۶
» Cómo hacer preguntas de manera inteligente «

"100 años después, la revolución no es con armas, es intelectual y digital"
  #6 (permalink)  
Antiguo 08/06/2008, 15:40
 
Fecha de Ingreso: junio-2006
Mensajes: 45
Antigüedad: 17 años, 9 meses
Puntos: 0
Respuesta: Diseño del formulario, desordenado.

Gracias jaronu, pero lo que queria es que, por ejemplo el "Telefono" estuviera a lado del campo, y cuando le se coloque algun dato erroneo, y los campos se muevan hacia abajo, el "Telefono" estuviera a lado de campo, sin moverse.

Disculpen sino iba aqui, no lo hice a proposito, pense que como se trataba de un formulario iba en php, pero si, es HTML.

Sorry
  #7 (permalink)  
Antiguo 09/06/2008, 03:12
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 3 meses
Puntos: 68
Respuesta: Diseño del formulario, desordenado.

yo te aconsejo que mires esto: http://www.programacionweb.net/artic...iculo/?num=333
__________________
No diseñes usando tablas.
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 07:22.