Buongiorno a tutti,
ho creato il mio campo di testo usando il seguente codice:
<FORM METHOD = "POST" ACTION = "xxx.php">
<INPUT NAME = "yyy" TYPE = "TEXT">
ed ho creato in input il tasto submit usando il seguente codice
<INPUT TYPE = "Submit" VALUE = "Submit">
ora il tasto Submit mi compare sottostante alla casella di testo,invece io la voglio allineare alla destra del campo di testo.come posso fare?
Grazie
prima di tutto crea un struttura a div, magari predisponendo la sezione dati e la sezione button.
quindi agisci sulle proprietà width (dando dimensione finita) e float left su entrambi e il gioco è fatto.
ricordati di utilizzare un div di break row usando la proprietà clear se vuoi andare a capo.
Poi lo raffinerei usando margini o padding.
ma la struttura div deve racchiudere tutto il codice che ho inserito?
in che senso poi dici di agire sulle proprietà width e float left?
Grazie
prendi spunto da questo mio esempio:
Ovviamente ti consiglio di mettere i CSS in un foglio a parte e di raffinare la form
QUESTO E' SOLO UN ESEMPIO
codice:<html> <head> <title>test</title> <style type="text/css"> body { background: #FFFFCC; } div{float:left} #contenitore1{ width:300px; } #contenitore2{ width:100px; } .break_row{clear:both;} </style> </head> <body> <div id="form_container"> <form id="mio_form"> <div id="contenitore1"> <div>Nome: <input type="text" id="mio_text" value="" /></div> <div>Cognome: <input type="text" id="mio_text" value="" /></div> < /div> <div id="contenitore2"> <input type="submit" id="mio_submit" value="INVIA DATI"/> </div> <div class="break_row"/> </form> </div> </body> </html>
ho visto il tuo esempio però cmq il problema compare sempre perchè il bottone "invia dati" è sottostante alle due caselle di testo Nome e Cognome.
io vorrei che il bottone "invia dati" si trovi alla destra delle caselle di testo.
non so se sono stato chiaro
problema risolto,era proprio una sciocchezza.
posto il codice di come ho eseguito il tutto
<form name="input" action="xxx.php" method="get">
<input type="text" name="xxx" />
<input type="submit" value="Submit" />
</form>
Grazie per avermi aiutato
ciao enigma,
ricorda che per postare codice devi sempre usare il tag [CODE] [/CODE]
buon lavoro
Permessi di invio
Rispondi quotando