• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1156
  • Last Modified:

setting up a checkbox list in a table format.

I have the following code attached snippet.

 What kind of music do you enjoy listening to?

 <asp:CheckBoxList ID="cblMusic" runat="server" BorderColor="White" BorderStyle="Groove" BorderWidth="2px" CellPadding="2" CellSpacing="2" Width="735px">
                                    </asp:CheckBoxList>
i need to build a table dynamically I guess. Onless I can setup the checkboxlist in a nice fashion.

I would like to display like the below code?

I am reading an xml file with the music.

 protected void BindCheckBoxList()
    {
        // Populate Music List
        DataSet DSMusic = new DataSet();
        DSMusic.ReadXml(Server.MapPath("../xmldata/Interests/Music.xml"));
        cblMusic.DataSource = DSMusic;
        cblMusic.DataTextField = "name";
        cblMusic.DataValueField = "musicid";
        cblMusic.DataBind();
        cblMusic.RepeatColumns = 5;
        cblMusic.RepeatDirection = RepeatDirection.Horizontal;
}
This is the old way I would like to create table like below if u cut and paste the code below in html or aspx
page will understand what I am talking about.


<table border="0" cellpadding="0" cellspacing="0" class="physicalBox" 
                                    width="100%">
                                    <tr>
                                        <td align="left" class="physicalLightbox" 
                                            style="padding-left: 3px; padding-right: 3px;" valign="top">
                                            Favorite Music<br />
                                            <br />
                                            <span style="font-size: 10px;">Check all that apply</span></td>
                                        <td align="left" class="physicalLightbox">
                                            <table border="0" cellpadding="0" cellspacing="1" width="100%">
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music1" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Alternative" />Alternative
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music2" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Modern Rock n Roll" />Modern Rock
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music3" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Blues" />Blues
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music4" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Classic Rock n Roll" />Classic Rock
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music5" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Dance/Electronica" />Dance/Electronic
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music6" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Classical" />Classical
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music7" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Middle Eastern (Persian/Arabic)" />Middle Eastern 
                                                        (Arabic, Persian...)
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music8" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Religious" />Religious
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music9" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Hard Rock &amp; Metal" />Hard Rock/Metal
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music10" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Pop/Top 40" />Pop/Top 40
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music11" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="New Age" />New Age
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music12" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Rap/Hip Hop" />Rap/Hip Hop
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music13" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Reggae" />Reggae
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music14" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Latin" />Latin
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music15" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Punk" />Punk
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music16" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Acoustic" />Acoustic
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="music17" onclick="toggleAll(this, 'music', 'AskMeLater')" 
                                                            type="checkbox" value="Gospel" />Gospel
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input id="AskMeLater" name="music" 
                                                            onclick="toggleAll(this, 'music', 'AskMeLater')" type="checkbox" 
                                                            value="Ask me later" />Ask me later
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>

Open in new window

0
mathieu_cupryk
Asked:
mathieu_cupryk
  • 3
1 Solution
 
thirdCommented:
repeat columns should be 2.

 protected void BindCheckBoxList()
    {
        // Populate Music List
        DataSet DSMusic = new DataSet();
        DSMusic.ReadXml(Server.MapPath("../xmldata/Interests/Music.xml"));
        cblMusic.DataSource = DSMusic;
        cblMusic.DataTextField = "name";
        cblMusic.DataValueField = "musicid";
        cblMusic.DataBind();
        cblMusic.RepeatColumns = 2;
        cblMusic.RepeatDirection = RepeatDirection.Horizontal;
}
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    <table border="1" cellpadding="0" cellspacing="0" class="physicalBox" 
                                    width="100%">
                                    <tr>
                                        <td align="left" class="physicalLightbox" 
                                            style="padding-left: 3px; padding-right: 3px;" valign="top">
                                            Favorite Music<br />
                                            <br />
                                            <span style="font-size: 10px;">Check all that apply</span></td>
                                        <td align="left" class="physicalLightbox">
                                            <asp:CheckBoxList ID="cblMusic" runat="server" BorderColor="White" 
                                                BorderStyle="Groove" BorderWidth="2px" CellPadding="2" CellSpacing="2" 
                                                Width="735px" RepeatColumns="2">
                                            </asp:CheckBoxList>                                       </td>
                                    </tr>
                                </table>
</asp:CheckBoxList>
    </div>
    </form>
</body>
</html>

Open in new window

0
 
mathieu_cuprykAuthor Commented:
still not working look at the site http://www.omegalove.com/lifestyle.aspx

here is
 protected void BindCheckBoxList()
    {
     
        // Populate Music List
        DataSet DSMusic = new DataSet();
        DSMusic.ReadXml(Server.MapPath("~/xmldata/Interests/Music.xml"));
        cblMusic.DataSource = DSMusic;
        cblMusic.DataTextField = "name";
        cblMusic.DataValueField = "musicid";
        cblMusic.DataBind();
        cblMusic.RepeatColumns = 2;
        cblMusic.RepeatDirection = RepeatDirection.Horizontal;

     
    }

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LifeStyle.ascx.cs" Inherits="Controls_LifeStyle" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"  TagPrefix="ajaxToolkit" %>
 
<link href="../App_Themes/PlainHtml/Default.css" rel="stylesheet" 
    type="text/css" />
 
<p>&nbsp;</p>
 
 
 
 
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td style="border-top: 0px none; border-left: 0px none; padding-top: 4px; padding-bottom: 4px;" valign="top" width="100%" align="center">
		<table width="98%" bgcolor="#bfd7e4" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td>
				<img src="Images/aa-left.gif" alt="" width="10" border="0" height="32" /></td>
				<td nowrap="nowrap">
				<div class="pageHeading" style="color: black;">
					My LifeStyle and Habbits</div>
				</td>
				<td width="100%" align="right"></td>
				<td>
				<img src="Images/aa-right.gif" alt="" width="10" border="0" height="32" /></td>
			</tr>
		</table>
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td>
				<img src="Images/pixel.gif" alt="" width="1" border="0" height="3" /></td>
			</tr>
		</table>
				
	<!-- EIT -->
 
 
		<table width="98%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td>
				<img src="Images/top-left.gif" alt="" width="8" border="0" height="8" /></td>
				<td width="100%" bgcolor="#ebeff2">
				<img src="Images/pixel.gif" alt="" width="1" border="0" height="8" /></td>
				<td>
				<img src="Images/top-right.gif" alt="" width="8" border="0" height="8" /></td>
			</tr>
			<tr>
				<td bgcolor="#ebeff2" height="100%">
				<img src="Images/pixel.gif" alt="" width="8" border="0" height="1" /></td>
				<td valign="top" width="100%" bgcolor="#ebeff2">
				<table width="100%" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td valign="top" width="100%">
 
                        	<table class="physicalBox" width="100%" border="0" cellpadding="0" cellspacing="0">
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img alt="" height="14" src="images/starsmallfull.gif" width="15" />&nbsp;Do you 
                                        smoke or use tobacco?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
								     <asp:DropDownList ID="ddlSmoking"  runat="server" Font-Bold="True"></asp:DropDownList>
								   </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
								
								<tr>
									<td class="physicalLightBox" align="left" nowrap="nowrap">
									<div class="label">
										<img alt="" height="14" src="images/starsmallfull.gif" width="15" />&nbsp;Do you 
                                        drink alcohol?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
								      <asp:DropDownList ID="ddlDrinking"  runat="server" Font-Bold="True"></asp:DropDownList>
									</td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
								
								
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img alt="" height="14" src="images/starsmallfull.gif" width="15" />&nbsp;Do you do 
                                        drugs?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									   <asp:DropDownList ID="ddlDrug"  runat="server" Font-Bold="True"></asp:DropDownList>
                                    </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
		
								<tr>
									<td class="physicalLightBox" align="left" nowrap="nowrap">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;How would you 
                                        describe your diet?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									    <asp:DropDownList ID="ddlDiet"  runat="server" Font-Bold="True"></asp:DropDownList>
                                   </td>
								</tr>
		                        <tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
		
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;Do you have a 
                                        disabiliy?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
                                        <asp:DropDownList ID="ddlDisability"  runat="server" Font-Bold="True"></asp:DropDownList>
					              </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
								
 
		
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;What is your 
                                        religion?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									       <asp:DropDownList ID="ddlReligion"  runat="server" Font-Bold="True"></asp:DropDownList>
								   </td>
								</tr>
		                        <tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
								
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;What is your 
                                        nationality?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									       <asp:DropDownList ID="ddlNationality"  runat="server" Font-Bold="True"></asp:DropDownList>
								   </td>
								</tr>
		                        <tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
								
									<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;Do you have any 
                                        children?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									    <asp:DropDownList ID="ddlHaveChildren"  runat="server" Font-Bold="True"></asp:DropDownList>
					        	   </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
		
		
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;Do you want children?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
								        <asp:DropDownList ID="ddlWantChildren"  runat="server" Font-Bold="True"></asp:DropDownList>
					        	  </td>
								</tr>
		                        <tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
		
		
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15">&nbsp;What is your marital 
                                        status?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
								        <asp:DropDownList ID="ddlMaritalStatus"  runat="server" Font-Bold="True"></asp:DropDownList>
					        	  </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
		                      
		
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;What is your 
                                        education?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									     <asp:DropDownList ID="ddlEducation"  runat="server" Font-Bold="True"></asp:DropDownList>
					        	    </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
		
								
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;What is your 
                                        occupation?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									     <asp:DropDownList ID="ddlOccupation"  runat="server" Font-Bold="True"></asp:DropDownList>
					        	    </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
								
								
									
								<tr>
									<td class="physicalLightBox" align="left">
									<div class="label">
										<img height="14" src="images/starsmallfull.gif" width="15" />&nbsp;What is your 
                                        employment status?</div>
									</td>
									<td class="physicalLightBox" style="text-align: left;">
									     <asp:DropDownList ID="ddlEmploymentStatus"  runat="server" Font-Bold="True"></asp:DropDownList>
					        	    </td>
								</tr>
								<tr>
									<td colspan="2">
									<img src="Images/pixel.gif" alt="" width="1" border="0" height="5" /></td>
								</tr>
								
							</table>
							
							
							<div align="center">
								<br />
								<table border="1" cellpadding="0" cellspacing="0" class="physicalBox" 
                                    width="100%">
                                    <tr>
                                        <td align="left" class="physicalLightBox" 
                                            style="padding-left: 3px; padding-right: 3px;" valign="top">
                                            Languages<br />
                                            <br />
                                            <span style="font-size: 10px;">Check all that apply</span></td>
                                        <td align="left" class="physicalLightBox">
                                            <table width="100%">
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input checked="checked" name="languages1" type="checkbox" value="English" /> <b>
                                                        English</b>
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages2" type="checkbox" value="Arabic" /> Arabic
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages3" type="checkbox" value="Aramaic" /> Aramaic
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages4" type="checkbox" value="Albanian" /> Albanian
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages5" type="checkbox" value="Armenian" /> Armenian
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages6" type="checkbox" value="Chinese" /> Chinese
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages7" type="checkbox" value="Dutch" /> Dutch
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages8" type="checkbox" value="Farsi/Persian" /> Farsi/Persian
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages9" type="checkbox" value="French" /> French
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages10" type="checkbox" value="German" /> German
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages11" type="checkbox" value="Greek" /> Greek
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages12" type="checkbox" value="Hebrew" /> Hebrew
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages13" type="checkbox" value="Hindi" /> Hindi
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages14" type="checkbox" value="Italian" /> Italian
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages15" type="checkbox" value="Japanese" /> Japanese
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages16" type="checkbox" value="Korean" /> Korean
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages17" type="checkbox" value="Portuguese" /> Portuguese
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages18" type="checkbox" value="Punjabi" /> Punjabi
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages19" type="checkbox" value="Romanian" /> Romanian
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages20" type="checkbox" value="Russian" /> Russian
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages21" type="checkbox" value="Sindhi" /> Sindhi
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages22" type="checkbox" value="Spanish" /> Spanish
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages23" type="checkbox" value="Tagalog" /> Tagalog
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages24" type="checkbox" value="Turkish" /> Turkish
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages25" type="checkbox" value="Ukrainian" /> Ukrainian
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages26" type="checkbox" value="Urdu" /> Urdu
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages27" type="checkbox" value="Vietnamese" /> Vietnamese
                                                    </td>
                                                    <td nowrap="nowrap" 
                                                        style="font-family: Verdana,Arial,Helvetica; font-size: xx-small;">
                                                        <input name="languages" type="checkbox" value="Other" /> Other
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
								<br />
								<div>
                                <table border="0" cellpadding="0" cellspacing="0" class="physicalBox" 
                                    width="100%">
                                    <tr>
                                        <td align="left" class="physicalLightBox" 
                                            style="padding-left: 3px; padding-right: 3px;" valign="top">
                                            Favorite Music<br />
                                            <br />
                                            <span style="font-size: 10px;">Check all that apply</span>
                                            </td>
                                            
                                            <td align="left" class="physicalLightBox">
                                            <asp:CheckBoxList ID="cblMusic" runat="server" BorderColor="White" 
                                                BorderStyle="Groove" BorderWidth="2px" CellPadding="2" CellSpacing="2" 
                                                Width="735px" RepeatColumns="2">
                                            </asp:CheckBoxList>   
                                           
                                        </td>
                                    </tr>
                                </table>
                                </div>
								<br />
								  <asp:Button CssClass="blackButton2" ID="imgLifeStyle" runat="server" Text="Save and Continue"  
                  Font-Bold="True" onclick="imgLifeStyle_Click" />
                                <br />
                                <img src="Images/starbar.gif" style="font-size: 12pt; color: #000000;" /><br />
								
							</div>
						</td>
						<td nowrap="nowrap">&nbsp;&nbsp;&nbsp;</td>
						<td valign="top">
						
						<table width="200" border="0" cellpadding="0" cellspacing="0">
							<tr>
								<td>
								<img src="Images/3_top-left.gif" alt="" width="8" border="0" height="8" /></td>
								<td width="100%" bgcolor="#ffffff">
								<img src="Images/pixel.gif" alt="" width="1" border="0" height="8" /></td>
								<td>
								<img src="Images/3_top-right.gif" alt="" width="8" border="0" height="8" /></td>
							</tr>
							<tr>
								<td bgcolor="#ffffff" height="100%">
								<img src="Images/pixel.gif" alt="" width="8" border="0" height="1" /></td>
								<td valign="top" width="100%" bgcolor="#ffffff">
								<div style="font-size: 14px; padding-bottom: 5px;" align="center">
									<a style="font-size: 14px; color: rgb(65, 65, 65); padding-bottom: 5px; text-decoration: none;" tabindex="-1" href="http://arablounge.com/personals/myProfile.cfm?siteIDD=45">
									My Profile</a> Completeness</div>
								<img src="Images/40.gif" alt="" width="184" border="0" height="18" />
					      
					
					<ul class="listList2">
							<li class="listList">
							<img src="Images/check2.gif" alt="Complete" width="18" align="absmiddle" border="0" height="17" />
							<a tabindex="-1" href="http://omegalove.com/PhysicalAttributes.aspx">
							My Physical Attributes</a></li>
							<li class="listList">
							<img src="Images/redball.gif" alt="Incomplete" width="18" align="absmiddle" border="0" height="17" />
							<a tabindex="-1" href="http://omegalove.com/LifeStyle.aspx">
							My Lifestyle</a></li>
							
						</ul>
 
								</td>
								<td bgcolor="#ffffff">
								<img src="Images/pixel.gif" alt="" width="8" border="0" height="1" /></td>
							</tr>
							<tr>
								<td>
								<img src="Images/3_bot-left.gif" alt="" width="8" border="0" height="8" /></td>
								<td width="100%" bgcolor="#ffffff">
								<img src="Images/pixel.gif" alt="" width="1" border="0" height="8" /></td>
								<td>
								<img src="Images/3_bot-right.gif" alt="" width="8" border="0" height="8" /></td>
							</tr>
						</table>
						</td>
					</tr>
				</table>
				</td>
				<td bgcolor="#ebeff2">
				<img src="Images/pixel.gif" alt="" width="8" border="0" height="1" /></td>
			</tr>
			<tr>
				<td>
				<img src="Images/bot-left.gif" alt="" width="8" border="0" height="8" /></td>
				<td width="100%" bgcolor="#ebeff2">
				<img src="Images/pixel.gif" alt="" width="1" border="0" height="8" /></td>
				<td>
				<img src="Images/bot-right.gif" alt="" width="8" border="0" height="8" /></td>
			</tr>
		</table>
 
 
<!-- SIB -->
 
		
	
		</td>
	</tr>
</table>
<p>&nbsp;</p> 

Open in new window

0
 
mathieu_cuprykAuthor Commented:

#content-container label
{

/*      display:block;*/
     padding-top:8px;
}

check firebox
css sheets

0
 
mathieu_cuprykAuthor Commented:
nice try.
thanks.
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now