Ciao a tutti,
Ora risolto il problema della partenza, mi sorgono alcuni problemi.
Così com'è i messaggi praticamente invece che fare l'effetto dove parte da metà campo fino ad arrivare nella parte superiore del campo, parte dal campo e va verso il basso fino a quasi la fine del div.
Per spiegarmi meglio posto un'immagine.
Non capisco come mai succede questo, ho provato in una pagina vuota e funziona correttamente, ma appena lo metto dentro questo div fa il difetto.
Il div in questione ha queste caratteristiche nei css:
codice:
#mail{
display:none;
background:rgba(219,219,219, 0.9);
position:absolute;
top:10%;
left:57%;
z-index:11;
width:380px;
-moz-box-shadow: 0px 0px 8px #ccc;
-webkit-box-shadow:0px 0px 8px #ccc;
box-shadow:0px 0px 8px #ccc;
behavior: url(../css/ie-css3.htc); /* hack Internet Explorer */
font-family: 'GazelleFLF-webfont';
}
#mail2{
position:relative;
padding-left: 17px;
}
#mail2 h2{
margin-top:4px;
font-family: 'GazelleFLF-webfont';
text-align:center;
font-size: 1.8em;
}
il form è così composto:
codice:
<div id="mail">
<div id="mail2">
[img]../Img/arrow4.png[/img]
<h2>Richiedi informazioni:</h2>
<form id="formail" action="" method ="post">
<div class="slider">
<label for="nome">Nome </label>
<input style="width: 323px;margin-left: 5px;color: #353535" class="validate(required)" type="text" name="Nome" id="nome" />
</div>
<div class="slider">
<label for="email">E-mail </label>
<input style="width: 323px;margin-left: 5px;color: #353535" class="validate(required, email)" type="text" name="E-mail" id="email" />
</div>
<div class="slider">
<label for="telefono">Telefono (opzionale) </label>
<input style="width: 323px;margin-left: 5px;color: #353535" type="text" name="Telefono" id="telefono" />
</div>
<div class="slider">
<label for="commento">Commento (opzionale) </label>
<textarea name="Commento" id="commento" rows="10" style="margin-left: 5px"></textarea>
</div>
<input type="submit" value="Invia richiesta" id="invia-contatto" name="Invia richiesta" />
</form>
<div id="response">
</div>
</div>
</div>
Guardando nelle specifiche nel sito del produttore non si fa menzione da nessuna parte dell'effetto di default.
Un grazie a tutti
ciao