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:
il form è così composto: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; }
Guardando nelle specifiche nel sito del produttore non si fa menzione da nessuna parte dell'effetto di default.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>
Un grazie a tutti
ciao

Rispondi quotando