Questa è la pagina nella quale richiamo il codice css:
codice HTML:
<form name="prova" action="pagina.php" method="POST">
<div id="centrato">
<hr>
<label><b>Nome e Cognome</b></label>
<input type="text" maxlength="250" name="nome_cognome">
<br>
<label><b>Qualifica</b></label>
<input type="text" maxlength="250" name="qualifica">
<br>
<label><b>Sede</b></label>
<select name="sede">
<option value="">Seleziona</option>
<option value="opt1">Opzione1</option>
<option value="opt2">Opzione2</option>
<option value="opt3">Opzione3</option>
</select>
<br>
<label><b>Tel</b></label>
<input type="text" maxlength="250" name="telefono">
<br>
<label><b>E-mail</b></label>
<input type="text" maxlength="250" name="email">
<br>
Questa è il codice della pagina css:
codice:
body{
background-color:white;
color:black;
font:18px Verdana, Arial;
}
img{
float:left;
vertical-align:middle;
margin-right:2em;
}
body,p{
margin:1em;
}
h3{
text-align:center;
}
label{
float:left;
font-size:15px;
}
input.checkbox{
float:left;
width: 5px;
height: 5px;
}
input.submit{
float:center;
width: 10%;
height: 10%;
margin-left:45%;
margin-right:45%;
}
input.text{
width: 40%;
height: 10%;
overflow: hidden;
background: right #ddd;
border: 1px solid #ccc;
float:right;
}
select,textarea{
width: 40%;
height: 10%;
overflow: hidden;
background: right #ddd;
border: 1px solid #ccc;
float:right;
}
div#centrato{
margin-top:25px;
margin-left:10%;
margin-right:10%;
width:80%;
}
a:link {text-decoration: none; color: white;}
a:visited {text-decoration: none; color: pink;}
a:hover {color: black;}
Il problema sta nell' "input.text", nell' "input.checkbox" e nell' "input.submit".
Che cosa sbaglio? non riesco davvero a capire, vi prego aiutatemi.