H:selectOneRadio layout issue

Question

All,
I'm new to JSF and am wondering if anyone had tackled a layout issue that I am running into.
I have a h:selectOneRadio tag inside which, I have a couple of f:selectItem items. I want to show some text fields and then show the last f:selectItem item. Is it possible in JSF?
<br>
In plain html terminology, I want :
radio
radio
textfield
radio
Code in html:
<br>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="3" WIDTH="550">
<TR>
<TD COLSPAN="2" WIDTH="100%">
<b>Payment Method</b>
</TD>
</TR>
<TR>
<TD WIDTH="26%">
</TD>
<TD WIDTH="74%">
<p class="body"><input type="radio" name="card" value="VI">Visa</p>
</TD>
</TR>
<TR>
<TD WIDTH="26%">
</TD>
<TD WIDTH="74%">
<p class="body"><input type="radio" name="card" value="MC">MasterCard</p>
</TD>
</TR>
<TR>
<TD WIDTH="26%" align="right">
<p class="body">Credit Card Number:</p>
</TD>
<TD WIDTH="74%">
<input type="text" name="ccnum" maxlength="26" size="40" value="">
</TD>
</TR>
<TR>
<TR tal:replace="CVV2">
<TD WIDTH="26%" align="right">
<p class="body">Security Code:</p>
</TD>
<TD WIDTH="74%">
<input type="text" name="cvv2" maxlength="4" size="5" value="">
</TD>
</TR>
<TR>
<TD WIDTH="26%" align="right">
<p class="body">Expiration:</p>
</TD>
<TD WIDTH="74%">
<p class="body"><input type="text" name="ccexmo" maxlength="2" size="2" value=""> <input type="text" name="ccexyear" maxlength="4" size="4" value=""> For example, 03/2007</p>
</TD>
</TR>
<!-- The follow row should only be displayed if Billing is an option -->
<TR tal:replace="BILLME">
<td width="26%" align="right">
<p class="body">Other Payment:</p>
</td>
<TD width="74%">
<p class="body"><input type="radio" name="card" value="BILL">Please send me a bill.</p>
</TD>
</TR>
</TABLE> Thanks
Jim

Answer 1

you can build this type of behaviour by creating a custom class.
I think this is not possible by building the select items.
PL,post the solution if you find any.
-- raju