Ver Mensaje Individual
  #5 (permalink)  
Antiguo 22/04/2011, 17:42
nedyer
 
Fecha de Ingreso: enero-2011
Mensajes: 94
Antigüedad: 13 años, 3 meses
Puntos: 7
Respuesta: Me ayudan hacer un formulario!!

aquí te dejo un ejemplo del formulario que mas o menos quieres lo puedes hacer con cajas div o con tablas..

<!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=utf-8" />
<title>Formulario</title>
<style type="text/css">
.Contenedor {
padding: 0px;
height: 600px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.Bloque_1 {
height: 50px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
}
.Logo {
float: left;
height: 35px;
width: 500px;
padding-top: 15px;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
text-transform: uppercase;
background-color: #F7F7F7;
}
.Bloque_2 {
padding: 0px;
height: 550px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.Formulario {
padding: 0px;
height: 550px;
width: 900px;
background-color: #F8F8F8;
}
.Franja {
float: left;
height: 30px;
width: 900px;
padding: 0px;
}
#Logo_Formulario {
margin-bottom: 20px;
}
.Nombre_Campos {
float: left;
height: 20px;
width: 300px;
padding-top: 10px;
text-align: right;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-transform: capitalize;
color: #000;
}
.Campos {
float: right;
height: 25px;
width: 590px;
text-align: left;
position: static;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-transform: capitalize;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 5px;
}
#Menu_Lista_Alumno {
text-align: left;
}
#Lineas_Investigasion {
height: 90px;
display: block;
padding: 0px;
}
#Campo_Investigasion {
height: 90px;
display: block;
padding: 0px;
}
#Caja_Botones {
margin-top: 10px;
}
</style>
</head>

<body>
<div class="Contenedor" id="Contenedor">
<div class="Bloque_1" id="Logo_De_La_Pagina">
<div class="Logo" id="Logotipo">inscripciones</div>
</div>
<div class="Bloque_2">
<div class="Formulario" id="Formulario_Registro">
<form id="form1" name="form1" method="post" action="">
<div class="Franja" id="Logo_Formulario"></div>
<div class="Franja">
<div class="Nombre_Campos">
<label for="nombre4">nombre:</label>
</div>
<div class="Campos">
<input name="nombre" type="text" id="nombre4" size="30" />
</div>
</div>
<div class="Franja">
<div class="Nombre_Campos">
<label for="apellido">apellido:</label>
</div>
<div class="Campos">
<input name="apellido" type="text" id="apellido" size="30" />
</div>
</div>
<div class="Franja">
<div class="Nombre_Campos">
<label for="profesor">profesor:</label>
</div>
<div class="Campos">
<input name="profesor" type="text" id="profesor" size="30" />
</div>
</div>
<div class="Franja">
<div class="Nombre_Campos">
<label for="investigador">investigador:</label>
</div>
<div class="Campos">
<input name="investigador" type="text" id="investigador" size="30" />
</div>
</div>
<div class="Franja">
<div class="Nombre_Campos">
<label for="alumno_de">alumno de:</label>
</div>
<div class="Campos" id="Menu_Lista_Alumno">
<select name="alumno_de" id="alumno_de">
<option value="-1">Seleccione</option>
<option value="Maestria">Maestria</option>
<option value="Doctorado">Doctorado</option>
<option value="Pre_Grado">Pre - Grado</option>
</select>
</div>
</div>
<div class="Franja" id="Lineas_Investigasion">
<div class="Nombre_Campos">
<label for="investigador">investigador:</label>
</div>
<div class="Campos" id="Campo_Investigasion">
<textarea name="investigador" cols="45" rows="5" id="investigador"></textarea>
</div>
</div>
<div class="Franja" id="Caja_Botones">
<div class="Nombre_Campos"></div>
<div class="Campos">
<input type="submit" name="Enviar" id="Enviar" value="Registrar Profesor" />
<input type="reset" name="Restaurar" id="Restaurar" value="Restablecer" />
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>

asi se ve