Form Mail allineamento submit reset con CSS

svitol

Form Mail allineamento submit reset con CSS

Aiuto chi mi da una mano??? devo allineare un pulsante submit ed un pulsante reset uno vicino all'altro.
Lo stile del form è il seguente:label {
font-style: normal;
}

form.contact_us {
width: 155px;
margin-top: 0px;
padding: 0px;
}

input.fields_contact_us {display: block;
width: 155px;
background: #FFFFFF;
border-top: 1px solid #E5E3E4;
border-left: 1px solid;
border-bottom: 1px solid #EDEDED;
border-right: 1px solid;
margin-top: 3px;
margin-bottom: 3px;}

textarea {width: 155px;
background:;
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
display: block;
margin-top: 3px;}

.submit_button_contact {
margin-top: 15px;
margin-left: 88px;
padding: 2px;
background-color: #0066FF;
cursor: pointer;
color:;
}

.reset_button_contact {
margin-top: 15px;
margin-left: 88px;
padding: 2px;
background-color:;
cursor: pointer;
color:;
}

html:
<form id="form1" method="post" class="contact_us" action="">
<p>
<label>Name
<input type="text" class="fields_contact_us" name="textfield" />
</label>

<label>E-mail
<input type="text" class="fields_contact_us" name="textfield1" />
</label>
<label>
Your question:
<textarea name="textarea" cols="" rows=""></textarea>
</label>
<label>

<input type="submit" class="submit_button_contact" name="Submit1" value="Submit" />
</label>

<label>
<input type="reset" class="reset_button_contact" name="Reset1" value="Reset" />
</label>
</p>

</form>

vorrei che fossero allineati e non uno sopra l'altro considerando che il div left è largo 160 px.

misterwo

x' nn provi a creare una classe x la label in modo che flotti? float:left...
fai delle prove con quelle...scusa ma astamattina sn reduce da una cena aziendale..e la testa è rimasta nel bicchiere...

karedas

Fai così:
togli il tag <label></label> che racchiude il pulsante reset e submit. Esso è inutile e tra l'altro i label solitamente si scrivono in modo diverso. Si usano come etichette e non per racchiuderci all'interno gli input

Una forma chiara e corretta sarebbe questa:
[HTML]<label for="nome">Nome:</label><input type="text" name="nome" />[/HTML]

Seconda cosa:
Se tu dai un margin-left di 88 px ad ogni tuo pulsante submit e reset, è normale che in un form di 155px non ci starà mai.
88px * 2 = 176px.
176px di solo margin senza contare la larghezza dei due bottoni vuol dire che sbordano dal form

Quindi fai cossì:
correggi il label come ti ho detto e togli il margin che hai impostato ai due bottoni. Senza nessun float i tuoi input si affiancheranno.
Se vuoi dargli una distanza allora ti merita controllare maggiormente la grandezza del suo genitore (il form nel tuo caso) , dei singoli input e dei margini.

Una cosa così:

con un form o div genitore di grandezza: 300px.
Diamo ai due input un width di 75px.
75x2= 150px.
150px vuol dire che dal genitore abbiamo posto ancora per altri 150px.

Possiamo quindi distanzare i pulsanti tra loro con un margin di 75px
E il gioco è fatto.

Un pò matematica la spiegazione scusa ^^

svitol

Vi ringrazio...grazie karedas...sei stato molto chiaro ed esaustivo finalmente ho risolto..sai sono alle prime armi con xhtml css.
Infatti un po di matematica....grazie milleeeeeeeeeee!!!!!