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