Diseño del formulario, desordenado.

[Stranyer]

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>

[jaronu]

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

[Stranyer]

Iniciado por jaronu

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.

[jaronu]

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

<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>

[jam1138]

Iniciado por jaronu

[...] 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.

[Stranyer]

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

[hades87]

yo te aconsejo que mires esto: http://www.programacionweb.net/artic...iculo/?num=333