Difficoltà con i form

[mattej]

Ciao, sto cercando di creare un form ma ho delle piccole difficoltà.

inanzitutto questo è il codice html:

<div id="box_invio">
<form id="form_2" method="post" action="#">

<div >Tipologia di spot da segnalare:</div>
<div align="center">
<input class="radio" type="radio" name="spot" value="bike" />[img]file/img_legenda/biketrialista.png[/img]
<input class="radio" type="radio" name="spot" value="mono" />[img]file/img_legenda/Monotrialista.png[/img]
<input class="radio" type="radio" name="spot" value="park" />[img]file/img_legenda/park.png[/img]
<input class="radio" type="radio" name="spot" value="evento" />[img]file/img_legenda/event.png[/img]
<input class="radio" type="radio" name="spot" value="gara" />[img]file/img_legenda/competition.png[/img]
<input class="radio" type="radio" name="spot" value="negozio" />[img]file/img_legenda/shop.png[/img]</div>

<div class="name">Nome:</div>
<input class="text_2" name="nome" type="text" />
<div class="name">Nick:</div>
<input class="text_2" name="nick" type="text" />
<div class="name">Indirizzo google map:</div>
<input class="text_2" name="indirizzo" type="text" />
<div class="name">Firma:</div>
<textarea class="text_2" name="firma" type="text" rows="5" /></textarea>


</form>
</div>

e questo il css:

#box_invio {
width: 386px;
height: 554px;
background-color: #99CC00;
font: 0.7em verdana, Arial, Sans-Serif;
padding: 5px;
}

#form_2 {
margin: 2px;
}

#form_2 .name {
float: left;
width: 150px;
height: 18px;
padding: 4px 0 0 2px;
}

input.radio {
margin-top: 5px;
margin-bottom: 10px;
}

input.text_2 {
width: 180px;
height: 18px;
border: 1px solid #666666;
margin-bottom: 1px;
margin-top: 1px;
background: #FFFFCC;
padding-left: 2px;
padding-right: 2px;
}

textarea.text_2 {
width: 180px;
border: 1px solid #666666;
margin-bottom: 1px;
background: #FFFFCC;
padding-left: 2px;
padding-right: 2px;
}

input.pulsante_2 {
float: right;
background: #CCFF66;
text-align: center;
padding: 1px;
width: 80px;
border: 1px solid #000000;
margin-top: 10px;
margin-right: 6px;
}

Dunque,
1° cosa: le immagini che inserisco nella parte iniziale di selezione tipologia non riesco a centrarle con il selettore.

2° cosa dovrei aggiungere un sistema per caricare un'immagine.

Potete aiutarmi?
Grazie

[mattej]

sono riuscito ad inserire il campo "File", bene, ora però vi chiedo come è possibile mettere dei vincoli sui campi, cioè una specie di blocco che mi obbliga a compilare determinati campi per inviare il form.

[Max1]

Bisogna usare un JavaScript

[mattej]

hai qualche esempio da inviarmi?