Form con personalizzazione campi

**Valeria75_bis** · 26-08-2012, 00:39

Ciao a tutti, ho creato una pagina con Form personalizzati tramite immagine ma ho tre problemi:

1) ogni campo è leggermente spostato rispetto al precedente
2) non vengono visualizzti 3 select field ma solo 2
3) guardando con iPhone la pagina viene visualizzta un'area in prossimità della label

Potete aiutarmi?

codice:

<!DOCTYPE html>
<head>


<style type="text/css" media="screen">

.bloccoInput {
  	margin-top: 15px;
  	width: 288px;
  	height: 20px;
  	border: 0;
  	background: url(img/fields_input.png);
}
.bloccoInput label {
	font-family: verdana;
	font-size: 14px;
  	color: #ffffff;
  	float: left;
  	width: 120px;
  	margin-top: 3px;
}

.bloccoInput input {
  	float: left;
  	width: 165px;
  	height: 20px;
  	border: 0;
}

.bloccoInput select {
  	float: left;
  	width: 50px;
  	height: 23px;
  	border: 0;
}

</style>


</head>
<body> 

<fieldset class="bloccoInput">
  <label for="...">Nome</label>
  <input ...  />
</filedset>
	
<div style="clear:both"></div>            


<fieldset class="bloccoInput">
  <label for="...">Cognome</label>
  <input ...  />
</filedset>

<div style="clear:both"></div>   

<fieldset class="bloccoInput">
  <label for="...">GG/Mese/Anno</label>
  <select ...  />
  <select ...  />
  <select ...  />
</filedset>

</body>
</html>

**scimmiaparlante** · 26-08-2012, 14:33

2) quando li chiudi scrivi filedset invece di fieldset

**ac_socmel** · 26-08-2012, 16:43

Originariamente inviato da Valeria75_bis
ho creato una pagina con Form personalizzati

oltre tutto non hai aperto ne chiuso <form>

**Valeria75_bis** · 26-08-2012, 22:36

fieldset, avete ragione!!! il problema era questo

per quanto riguarda i 2 select visualizzat, invece dei 3, dove sbaglio??

Il resto della struttura dei CSS vi sembra OK?

Grazie

**scimmiaparlante** · 26-08-2012, 22:59

Originariamente inviato da Valeria75_bis
fieldset, avete ragione!!! il problema era questo

per quanto riguarda i 2 select visualizzat, invece dei 3, dove sbaglio??

Il resto della struttura dei CSS vi sembra OK?

Grazie

è dura dirlo visto che hai messo dei puntini però viene all'occhio la sintassi />

le select sono fatte per contenere <option> e quindi

codice:

<select>
 <option>
 </option>
</select>

Discussione: Form con personalizzazione campi

Strumenti discussione

Ricerca discussione

Visualizza

Form con personalizzazione campi

Re: Form con personalizzazione campi

Permessi di invio