Tasto invia del form affianco a campo di testo 
Autor: Francesco Tedeschi
Besucht 1888,
Followers 1,
Geteilt 0
ciao ragazzi
come posso fare per far in modo che il tasto "invia" del form sia inserito a destra del campo?
esempio di skeggia: http://www.skeggia12.it/test/headfoot/ -->solo che in questo esempio è riportato il log in e il tasto accedi
mentre io (per newsletter) ho bisogno di un solo campo e subito dopo affianco a destra il tasto invia
quindi: "campo testo" + "invia"
professional10
grazie
Gepostet am
Autor
il gentilissimo skeggia mi ha inviato il seguente codice (facente riferimento alla pagina web sopra citata) del suo esempio con i campi tutti su una riga
Codice:
<!-- Private Area.Login: START -->
<div id="imLogin" style="width: 600px">
<form method="post" action="imlogin.php" onsubmit="_jq(this).attr('action', x5engine.settings.currentPath + 'imlogin.php'); return (x5engine.utils.isOnline() || !x5engine.utils.showOfflineMessage(x5engine.l10n.get('blog_offline_message')));">
<div class="imLoginBlock" style="width: 100%;">
<label for="imUname" style="float: left; vertical-align: top; display: inline-block; font-weight: bold; font-style: normal;font-family:Tahoma; font-size:10pt; color: blue; margin: 3px 3px 2px 0; width: 80px;">Utente:</label>
<input type="text" name="imUname" id="imUname" style="float: left; width: 635px; margin-right: 10px; vertical-align: top; padding-top: 2px; padding-bottom: 2px; width: 150px"> <label for="imPwd" style="float: left; vertical-align: top; display: inline-block; font-weight: bold; font-style: normal;font-family:Tahoma; font-size:10pt; color: blue; margin: 3px 3px 2px 0; width: 80px;">Password:</label>
<input type="password" name="imPwd" id="imPwd" style="float: left; width: 635px; margin-right: 10px; vertical-align: top; padding-top: 2px; padding-bottom: 2px; width: 150px">
<input type="submit" value="Accedi" class="imLoginSubmit" style="font-weight: bold; font-style: normal;border: 1px solid #ccc; background-color: #DDDDDD; font-family:Tahoma; font-size:10pt; color: red">
</div>
</form>
</div>
<!-- Private Area.Login: END -->
Solo che questo codice fa parte del log in, a me servirebbe per un solo campo ovvero per questo form: http://www.provino86x.altervista.org/pagina-14.html che non è un form di log in, ho provato a smanettare un pò con "ispeziona codice" all' interno di web site e traendo spunto dal codice che mi ha inviato skeggia ma non ho ottenuto il risultato voluto.....
Qualcuno sa aiutarmi ? o al max, che parte del codice devo tener d'occhio e riportarlo in web site ?
Grazie
Puoi provare con questo CSS:
<style>
div input[id="imObjectForm_2_submit"]{
position:relative;
top:-37px;
}
</style>
Ovviamente, da personalizzare.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Ehm, sto pensando in jQueryese...
Il selettore si può semplificare così:
#imObjectForm_2_submit{
bla bla bla...
}
Autor
Grazie lemonsong funziona benissimo XD