How to do this..

How can I make an html form that is 4 pictures, each one has a radio button below it, and I want to be able to click on the picture and select the corresponding radio button.

Thanks,
Kevin

 

its possible using javascript, i dont think u can do it with just html/css

 

You can

<label for="element_id1"><img alt="" src="image1.jpg" /></label><br />
<input type="radio" name="something" value="value1" id="element_id1" /><br />

<label for="element_id2"><img alt="" src="image2.jpg" /></label><br />
<input type="radio" name="something" value="value2" id="element_id2" /><br />

<label for="element_id3"><img alt="" src="image3.jpg" /></label><br />
<input type="radio" name="something" value="value3" id="element_id3" /><br />

<label for="element_id4"><img alt="" src="image4.jpg" /></label><br />
<input type="radio" name="something" value="value4" id="element_id4" /><br />

HTML:

 

does it have to be html4.0 strict or can it be XHTML 1.0 Transitional?

 

My example is XHTML but you can do the same thing in HTML.

 

thanks for the help, sorry about my quesiton about the html/xhtml, I just had an error in my code

 

thanks that was an wonderfull solutiion.
as im a html learner. i would try this out. and that is a nice tool in my bag.

 

dreamweaver has a function built inn to allow for this i believe less ,abour intensive

 

i think dreamweaver does too