Hi, I want to show 8 pics with radio button in my form in 2 rows, (and labels under the picture to be shown) I write these items in rsform pro:

radio group name: position

first|<span id="first"><img src="images/1.png"></span>a1-$399[p399]
2|<span id="2"><img src="images/2.png">a2-$400[p400]</span>
3|a3-$500<img src="images/3.png">[p500]
4|<img src="images/4.png">[p600]


and I used these codes in html, but i can't style pics correctly.

1.code 1(default rsform cod):
div class="formBody">{Position:body}<span class="formValidation">{Position:validation}</span></div>
result: pics are placed over each other.

2.code 2:
div class="formItem">{Position:2}<span class="formValidation">{Position:validation}</span></div>

result: don'nt show pics, just print"div class="formItem">{Position:2}".

3.code 3:
<div class="formItem"><img src="images/4.png">{Position:4}<span class="formValidation">{Position:validation}</span></div>

result: just show pic and write {Position:4} without radio button.

4 code 4:
div class="formItem" id="first">{Position:1}<span class="formValidation">{Position:validation}</span></div>

result: just show "div class="formItem" id="first">{Position:1}"
What should I do?
Please help me.

Can you post a link to the form ?

PS: Have you tried using a vertical flow for your radio group instead ? (this can be enabled from within the field properties area)