Visualizzazione dei risultati da 1 a 1 su 1
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    148

    [jQuery]Ketchup-plugin problema effetto

    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
    Immagini allegate Immagini allegate

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.