radio buttons mess up format

I have a form with a bunch of radio button choices. When you just click one, it all seems fine, but if you change your mind and choose another one, it makes the formatting jump all over the place.

I realize this is probably not a cf issue but i don't know where else to turn.

http://www.vamediation.org/index.php?option=com_chronocontact&chronoformname=conf_spr11

I think it has to do with styling css but have spent forever trying to figure it out. If anyone can help that would be much appreciated!

Cheryl

Hi Cheryl,

Works fine for me on FF and Chrome!

Regards,
Max

Thanks for checking Max. After a lot of messing around I figured out if I make the padding on the areas bigger it doesn't seem to do that.

Cheryl

Hi Cheryl,

I think we've seen this before. There's a little bug in the validation code that adds a <span> </span> when boxes are clicked. This usually doesn't show unless you have the radio buttons or checkboxes close together.

Bob

Hi Bob, thanks for the info, at least I know I'm not totally crazy!

Is there any way to remove that code or fix the bug? Putting in the padding works but spaces things out a bit farther than I'd like.

Thanks,

cheryl

Hi Cheryl,

If you look a the page source you can see the validation span (edited version here):

<td width="50%">
  <p style="">
    <input type="radio" name="num_" class="validate-one-required LV_valid_field">
    Full Conference $270
  </p>
  <span class=" LV_validation_message LV_valid"> </span>
</td>

There are two potential problems.

The first is that the span is outside the <p></p> tags so falls on a new line. Removing the <p> tags would probably fix this.

The second is the space inside the span. Right now I can't see where this is set :-( I've found the most obvious place but changing it has no effect. If changing the <p> tags doesn't work then I can look at this again.

Bob