?
Solved

How to modify the page format?

Posted on 2011-10-24
2
Medium Priority
?
148 Views
Last Modified: 2012-05-12
hi experts,

Im using an extension to create some forms. I got the following code for showing some check boxes on the page but they are vertical aligned and looks ugly on the page. How i can format them in two rows? Tha code is this:
class="ccms_form_element cfdiv_checkboxgroup radios_over" id="label_text_container_div"><label>Label Text</label><input type="hidden" name="input_checkbox_group_8" value="" alt="ghost" />
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_1" title="" value="choice 1" class="">
<label for="input_checkbox_group_8_choice_1">Choice 1</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_2" title="" value="choice 2" class="">
<label for="input_checkbox_group_8_choice_2">Choice 2</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_3" title="" value="choice 3" class="">
<label for="input_checkbox_group_8_choice_3">Choice 3</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_4" title="" value="choice 4" class="">
<label for="input_checkbox_group_8_choice_4">Choice 4</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_5" title="" value="choice 5" class="">
<label for="input_checkbox_group_8_choice_5">Choice 5</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_6" title="" value="choice 6" class="">
<label for="input_checkbox_group_8_choice_6">Choice 6</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_7" title="" value="choice 7" class="">
<label for="input_checkbox_group_8_choice_7">Choice 7</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_8" title="" value="choice 8" class="">
<label for="input_checkbox_group_8_choice_8">Choice 8</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_9" title="" value="choice 9" class="">
<label for="input_checkbox_group_8_choice_9">Choice 9</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_10" title="" value="choice 10" class="">
<label for="input_checkbox_group_8_choice_10">Choice 10</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_11" title="" value="choice 11" class="">
<label for="input_checkbox_group_8_choice_11">Choice 11</label>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_12" title="" value="choice 12" class="">
<label for="input_checkbox_group_8_choice_12">Choice 12</label>
<div class="clear"></div><div id="error-message-input_checkbox_group_8"></div></div>

Open in new window


Thank you in advance.
Regards,
Raul
0
Comment
Question by:raulmonda
2 Comments
 
LVL 22

Accepted Solution

by:
Om Prakash earned 2000 total points
ID: 37017692
you can add a table and then put in 2 rows. something like

<table>
<tr>
<td>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_1" title="" value="choice 1" class="">
<label for="input_checkbox_group_8_choice_1">Choice 1</label>
</td>
<td>
<input type="checkbox" name="input_checkbox_group_8[]" id="input_checkbox_group_8_choice_1" title="" value="choice 1" class="">
<label for="input_checkbox_group_8_choice_1">Choice 1</label>
</td>
</tr>
</table>

Open in new window

0
 

Author Closing Comment

by:raulmonda
ID: 37018371
hi,
Thank you. it works.
Regards,
Raul
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Suggested Courses

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question