The Christian Developers Network

So I get this html code:


and the result is:
()()()()0123

where "()" is one radio button

My questions is: how do I get it so that the numbers appear this way:
0() 1() 2() 3()

What are you using too look at it?

My Webpad and Mozilla Firefox both show it right.


However, i believe you can force even faulty working ones to make it look right by using Tables



This will also give you possibility to center those buttons and so on.

Just remember to make Table broders and all "0", or otherwise they are visible.

There are also commands for those <TD>to give them more space between borders, even in case 0, to give you more control of the look.


edit:

Actually, a little outlook control tip.

Put one empty <TD></TD> cell between each number-radiobutton pair to make some space between them.

You can then use <TD WIDTH="20"></TD> for example to make there some space between those pairs and make it more clear looking.

thanks bugala
I'm using firefox to look at it, but I think it might be something to do with the css used for the site.... I'll look into it some more later and will post results

You should be using the <label> tag for your radio button labels. Try this:



This code displays correctly for me.

Also, in order to make your site compliant and accessible, I strongly suggest that you use CSS-P (CSS positioning with <div> tags) instead of falling back on tables as bugala suggested. Tables (as defined) are specifically intended for holding tabular data, and were never meant for use in site layout.

Edit: Oops... forgot the "name" attribute needs to be the same on each button to group them. Fixed.

thanks guys, seems that something in the website layout is messing everything up... I didn't know that the way things where displayed could be modified that much by the site layout files(I guess that would be css???)... The design guy on our team will fix it. I'm still curious as to exactly what was happening, but will probably find out later.