Hi,
Do you know the exact width of the images?
If so I would approach like this...
<div class="answer1div">
<img src="mike1.jpeg" alt="mike 1" />
<img src="mike2.jpeg" alt="mike 2" />
<img src="mike3.jpeg" alt="mike 3" />
<img src="mike4.jpeg" alt="mike 4" />
<input type="radio" name="answer1" value="a" />
<input type="radio" name="answer2" value="b" />
<input type="radio" name="answer3" value="c" />
<input type="radio" name="answer4" value="d" />
</div>
And then use css to position the images and the radios...
div.answer1div img {
float: left;
}
div.answer1div input {
float: left;
margin-left: 20px;
}
Then adjust the margin on the inputs to the correct value based on the width of the images.
Hope this helps.
