Pictures near checkbox

ra

raygold 21 Mar, 2011

I'd like to know if is possible add pictures near the checkbox instead of text.

Gr

GreyHead 21 Mar, 2011

Hi raygold,

You can edit the Form HTML to do pretty much anything you like (that is possible with HTML & CSS).

Bob

ra

raygold 21 Mar, 2011

This is my form code for a single checkbox:

<input value="Google" title="" class="radio" id="check01" name="check0[]" type="checkbox" />
      <label for="check01" class="check_label">Google</label>
      <br />

And this is the code for picture:

<p><img alt="Google" src="/userfiles/images/google_icon.jpg" style="width: 50px; height: 50px;" /></p>

Where should I add picture html code?
I need to use <p> tag?

Gr

GreyHead 21 Mar, 2011

Hi raygold,

You don't need the <p> tags; where do you want to see the image?

Bob

ra

raygold 21 Mar, 2011

I'd like see the image after the checkbox and before the text label

Gr

GreyHead 21 Mar, 2011

Hi raygod,

Then that's where the image tag goes

<input value="Google" title="" class="radio" id="check01" name="check0[]" type="checkbox" /><img alt="Google" src="/userfiles/images/google_icon.jpg" style="width: 50px; height: 50px;" /><label for="check01" class="check_label">Google</label>
      <br />

Bob

ra

raygold 21 Mar, 2011

Thank you very much!
It works perfectly 🙂

This topic is locked and no more replies can be posted.