Ho creato una semplice form per contatti.
qui il codice HTML:
codice:
<form id="contact" method="post" action="">
<fieldset>
-
<label for="tuonome"><abbr title="campo obbligatorio"></abbr></label>
<input type="text" name="tuonome" id="tuonome" tabindex="1" />
-
<label for="yourmail"><abbr title="campo obbligatorio"></abbr></label>
<input type="text" name="mail" id="mail" tabindex="2" />
-
<label for="object"><abbr title="campo obbligatorio"></abbr></label>
<input type="text" name="object" id="object" tabindex="3" />
-
<label for="note"><abbr title="campo obbligatorio"></abbr></label>
<input type="text" name="note" id="note" tabindex="4" />
-
<input src="preventivo/button_submit_blue.png" id="submit" type="image" tabindex="5">
</fieldset>
</form>
Qui il codice CSS con il problema:
codice:
#note{
border:none;
float:left;
margin:205px 0 0 123px;
padding:0;
width:290px;
height:25px;
}
La parte denominata #note e una parte dove il testo si dovrebbe espandere su piu righe e l'altezza nel mio caso per essere corretta dovrebbe essere di 75px.
Il problema, puramente estetico è che se metto il valore di 75px nell'altezza l'indicatore lampeggiante del testo occupa tutta l'altezza del div.
Il testo non subisce alcuna modifica ma esteticamente non è il massimo a vedersi.