Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] formulario con xhtml y css descuadrado T_T

Estas en el tema de formulario con xhtml y css descuadrado T_T en el foro de HTML en Foros del Web. hola me pasaron un formulario que estoy intentando añadirle cosas y modificarlo pero se me descuadran y no se ponen una debajo del otra... he ...
  #1 (permalink)  
Antiguo 11/06/2015, 04:28
Avatar de Vizored  
Fecha de Ingreso: junio-2015
Mensajes: 7
Antigüedad: 8 años, 10 meses
Puntos: 2
Pregunta formulario con xhtml y css descuadrado T_T

hola

me pasaron un formulario que estoy intentando añadirle cosas y modificarlo

pero se me descuadran y no se ponen una debajo del otra...

he intentado ponerle <br>, <td>, <tr>... pero no me se queda bien del todo

lo ideal seria que se quedara :

es antiguo alumno? ( todo seguido y sin que alumno este debajo, que no se como cambiarlo)

estudios ( elige el mayor)

y los grados debajo

idiomas ( otro bloque separado del formulario principal, un fieldset )

nivel de valenciano

nivel de ingles

certificacion ingles

y debajo de certificacion ingles enviar - borrar


lo siento si pido mucho , pero no he encontrado que puede ser que estoy haciendo mal ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Informacion sobre el producto</title>
<link rel="stylesheet" type="text/css" href="formulario2.css" media="screen" />
<style type="text/css">
form{
width:35%;
}
form fieldset#datos{
background-color:salmon;
}
form fieldset#idiomas{
background-color:lightgreen;
}

</style>
</head>
<body>
<h1> REGISTRO USUARIOS </h1>
<form action="mailto:[email protected]" enctype="text/plain">
<fieldset id="datos">
<legend>Datos Usuario</legend>
<table>
<tr>
<td><label for="NIF">NIF</label></td>
<td><input type="text" name="NIF" id="NIF" size="10"/></td>
</tr>
<tr>
<td><label for="nombre">Nombre y apellidos </label></td>
<td><input type="text" name="nombre y apellidos" id="nombre y apellidos" size="30" /></td>
</tr>

<tr>
<td><label for="email">Email</label></td>
<td><input type="text" name="email" id="email" size="30" /></td>
</tr>

<tr>
<td><label for="telefono">Telefono</label></td>
<td><input type="text" name="telefono" id="telefono" size="30" /></td>
</tr>

<tr>
<td><label for="password">password</label></td>
<td><input type="password" name="password" id="password" size="10"/></td>
</tr>

<tr>
<td><label for="observaciones">Observaciones</label></td>
<td><textarea name="observaciones" id="observaciones"></textarea></td>
</tr>

<tr>
<td>fecha</td>
<td><input type="date" name="fecha"></td>
</tr>

<tr>
<td><label for="curriculum vitae">curriculum vitae</label></td>
<td><input type="file" id="curriculum vitae"/></td>
</tr>

<tr>
<td><label><input type="checkbox" name="alumno" value="¿ es antiguo alumno?"/>¿es antiguo alumno?</label></td>
</tr>


<td><br>Estudios (Elige el mayor)<br/><td>
<label><input type="radio" name="estudios" value="eso"/> ESO</label></br>
<label><input type="radio" name="estudios" value="grado"/> Grado Medio</label></br>
<label><input type="radio" name="estudios" value="bachillerato"/> Bachillerato</label></br>
<label><input type="radio" name="estudios" value="grado"/> Grado Superior</label></br>

</label>
<p><label for="nivel de valenciano">nivel de valenciano</label></br>
<input type="range"min="1" max="10" id="nivel de valenciano" name="nivel de valenciano">
</label>

Nivel de Ingles
<select name="nivelingles">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
</select>
</label> <br />

<tr>
<td><label for="certificacion ingles">certificacion ingles</label></td>
<td>
<select name="certificacion ingles" id="certificacion ingles">
<option value="1"> 1</option>
<option value="ninguno" selected="selected">ninguno</option>
<option value="2">2</option>
</select>
</tr>

<td><button type="submit">Enviar</button> <button type="reset">Borrar</button><td>

<table>

<form>

<table>
</body>
</html>

desde ya muchisimas gracias cracks!

pd: le he puesto el highlight pero parece que se ha quedado igual el texto...

como lo hago para la proxima vez?

Última edición por Vizored; 11/06/2015 a las 04:31 Razón: me deje algo
  #2 (permalink)  
Antiguo 11/06/2015, 10:08
Avatar de Vizored  
Fecha de Ingreso: junio-2015
Mensajes: 7
Antigüedad: 8 años, 10 meses
Puntos: 2
Respuesta: formulario con xhtml y css descuadrado T_T

ya me autocontesto yo

despues de estar toda la mañana averiguando lo que me faltaba he conseguido hacerlo mas potable xd

me faltaba poner el </table> a la altura de estudios y ahora ya se cuadro

especificar tambien el fieldset en idiomas y cerrarlo en estudios elegir ( el mayor grado)

aqui paso el codigo corregido ( lo demas que no he puesto ya estaba bien)

</table>
<tr>
Estudios (Elige el mayor)<br/>
<label><input type="radio" name="estudios" value="eso"/> ESO</label></br>
<label><input type="radio" name="estudios" value="grado"/> Grado Medio</label></br>
<label><input type="radio" name="estudios" value="bachillerato"/> Bachillerato</label></br>
<label><input type="radio" name="estudios" value="grado"/> Grado Superior</label>
</tr>
</fieldset>
<fieldset id="idiomas">
<legend>Idiomas</legend>
<label>

<p><label for="nivel de valenciano">nivel de valenciano</label></br>
<input type="range"min="1" max="10" id="nivel de valenciano" name="nivel de valenciano">
</label>

<p>Nivel de Ingles</br>
<select name="nivelingles"></br>
<option value="1">1</option></br>
<option value="2" selected="selected">2</option></Br>
<option value="3">3</option></br>
</select>
</label> <br />
</p>

<tr>
<td><label for="certificacion ingles">certificacion ingles</label></td>
<td>
<select name="certificacion ingles" id="certificacion ingles">
<option value="1"> 1</option>
<option value="ninguno" selected="selected">ninguno</option>
<option value="2">2</option>
</select>
</tr>

</fieldset>
<td><button type="submit">Enviar</button> <button type="reset">Borrar</button><td>

<table>
<form>

<table>
</body>
</html>

pd: aun asi me quedan un poco grandes los espacios del contenido que tiene el bloque verde

Etiquetas: css, dudas, formulario, xhtml
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 02:36.