Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/01/2008, 02:50
Avatar de zaida
zaida
 
Fecha de Ingreso: noviembre-2006
Ubicación: Madrid (España)
Mensajes: 266
Antigüedad: 17 años, 5 meses
Puntos: 0
problema al maquetar formulario

hola a todos, acabo de empezar a aprender css y no se por dónde empezar. Busqué por internet un ejemplo de formulario en css y a partir de ahí he ido modificando un poquito, pero tengo dos problemas:

Mi formulario tiene una línea donde aparece

Nombre con un campo de texto y otra linea dónde aparece email y un campo de texto, el problema es que los campos de texto de texto no se me quedan alineados a la izquierda en la misma posición.

Éste el es código css:

Código:
body{
	
	margin: auto;	
	width: 596px;
	padding-top: 5px;
	margin-top: 20px; 
	border-top: 0;
}

/*----------------Formulario----------------------*/

#formulario {
	margin: 10px;
	padding: 0px;
	border: 1px solid #f7f7f7;
	background-color: #fcfcfc;
}
fieldset {
	border: 0;
	padding: 5px;
}

legend{
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border: 0;
	margin-top:0;
	padding-top:0;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #000000;
	margin-bottom: 20px;
}

label,input {
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10pt;
	display: block;
	width: 250px;
	height: 15px;
	float: left;
	margin-bottom: 10px;
}

label {
	color: #000000;
	text-align: right;
	width: 10pt;
	padding-right: 10px;
}

input {
		border: 1px solid #000066;
		color: #ffffff;
}

textarea{
	border: 1px solid #000066;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
	font-size: 13pt;
	color: #000000;
}
.submit {
	background-color: #ffffff;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top:10px;
	margin-bottom:10px;
	color: #000000;
}

br {
	clear: left;
}
.etiqueta_comentario{
	margin-left: 5px;
	margin-bottom: 1px;	
}

.input_green{
	color: #98bb79;
}

.no_style{
	border: 0;
}

#pie{
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size: 9pt;
	text-align: center;
	color: #000000;
	bordercolor:#FFFFFF;
	bgcolor:#FFFF99;
}
El otro problema que tengo es que yo quiero que los campos de texto tengan unas características determinadas pero mi formulario también tiene dos casillas de verificación y un botón de enviar y me los modifica también como los campos de texto, ¿alguien puede ayudarme?

Saludos y muchas gracias
__________________
-- Cuando sientas miedo y no tengas un hombro dónde apoyarte, no te hundas en la soledad, pues si lo haces fracasarás --