November 18, 2008 11:53pm pst

1. Kravimir 642,694
2. hielo 576,134
3. Steggs 362,338
4. scrathcyboy 360,173
5. VirusMinus 232,882
6. GreenGho... 98,391
7. TName 95,065
8. mreuring 86,205
9. mplungjan 82,224
10. glumlun 80,990
11. zemond 78,137
12. bluefezteam 76,422
13. jason1178 74,405
14. b0lsc0tt 65,054
15. Lolly-Ink 64,007
16. Rouchie 58,810
17. Eternal_S... 51,684
18. Ray_Pas... 48,750
19. ali_kayahan 48,680
20. nexusnation 48,650
21. glcummins 48,005
22. xberry 47,775
23. Hube02 47,060
24. strobbe 41,700
25. zkeown 39,775

1. VirusMinus 1,440,162
2. Steggs 1,200,928
3. GrandSch... 1,081,204
4. seanpow... 809,340
5. TName 794,448
6. Kravimir 642,694
7. hielo 593,602
8. Roonaan 494,352
9. Eternal_S... 429,661
10. COBOLdi... 415,775
11. scrathcyboy 360,173
12. mreuring 305,112
13. oceanbeach 262,232
14. Batalf 232,544
15. GoofyDawg 187,739
16. brunobear 180,148
17. GreenGho... 177,656
18. Zyloch 162,067
19. Daydreams 152,028
20. trinzia 150,072
21. b0lsc0tt 130,425
22. mplungjan 128,818
23. bochgoch 101,320
24. R7AF 100,575
25. Gertone 99,295

07.14.2008 at 01:37PM PDT, ID: 23564135

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

8.7

Css Style with checkboxes.

Asked by copyPasteGhost in Cascading Style Sheets (CSS), C# Programming Language, Programming for ASP.NET

I have this code...

basically 5 labels, textboxes, and validation tags

then I have a check box.

I want the check box to line up with the labels..

but this is not happening...

look at the screen shot.

Also please notice that in the "good Version" I would also like the font of the check boxes to be 2 font sizes larger than the other labels...

If you need anymore information or some clarification on anything please let me know!
Thanks a bunch!Start Free Trial

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:

           
           
             <div>
    <!-- Main Contact Info-->
    <div>
        <asp:Label ID="lblFirstName" runat="server" AssociatedControlID="txtFirstName"></asp:Label><span style="color:Red">*</span>
        <asp:TextBox ID="txtFirstName" runat="server" ValidationGroup="validatepart2"></asp:TextBox>
        <asp:RequiredFieldValidator ID="reqValFirstName" runat="server" ControlToValidate="txtFirstName"
                ErrorMessage="RequiredFieldValidator" ValidationGroup="validatepart2"></asp:RequiredFieldValidator>
    </div>
    <div>
        <asp:Label ID="lblLastName" runat="server" AssociatedControlID="txtLastName"></asp:Label><span style="color:Red">*</span>
        <asp:TextBox ID="txtLastName" runat="server" TabIndex="1" ValidationGroup="validatepart2"></asp:TextBox>
        <asp:RequiredFieldValidator ID="reqValLastName" runat="server" ControlToValidate="txtLastName"
                ErrorMessage="RequiredFieldValidator" ValidationGroup="validatepart2"></asp:RequiredFieldValidator>
    </div>
    <div>
        <asp:Label ID="lblPhone" runat="server" AssociatedControlID="txtPhone"></asp:Label><span style="color:Red">*</span>
        <asp:TextBox ID="txtPhone" runat="server" TabIndex="2" ValidationGroup="validatepart2"></asp:TextBox>
        <asp:RequiredFieldValidator ID="reqValPhone" runat="server" ControlToValidate="txtPhone"
                ErrorMessage="RequiredFieldValidator" ValidationGroup="validatepart2"></asp:RequiredFieldValidator>
    </div>
    <div>
        <asp:Label ID="lblFax" runat="server" AssociatedControlID="txtFax" Height="19px"></asp:Label> <span style="color:white">&nbsp&nbsp</span>  
        <asp:TextBox ID="txtFax" runat="server" TabIndex="3"></asp:TextBox>
    </div>
    <div>
        <asp:Label ID="lblEmail" runat="server" AssociatedControlID="txtEmail"></asp:Label><span style="color:Red">*</span>
        <asp:TextBox ID="txtEmail" runat="server" TabIndex="4" ValidationGroup="validatepart2"></asp:TextBox>
        <asp:RequiredFieldValidator ID="reqValEmail" runat="server" ControlToValidate="txtEmail"
               Display="Dynamic" ValidationGroup="validatepart2"></asp:RequiredFieldValidator>
        <asp:RegularExpressionValidator ID="regValEmail" runat="server" ControlToValidate="txtEmail"
               ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Display="Dynamic" ValidationGroup="validatepart2"></asp:RegularExpressionValidator>
    </div>
 
    <!-- Secretary Contact Info-->
    
    <asp:CheckBox runat="server" id="chkSecretary" AutoPostBack="True" OnCheckedChanged="Secretary_CheckedChanged" />
    <div runat="server" id="ShowSecretary" style="position: relative; top: 30px;">
        <div>
            <asp:Label ID="lblSFirstName" runat="server" AssociatedControlID="txtSFirstName"></asp:Label>
            <asp:TextBox ID="txtSFirstName" runat="server" TabIndex="5"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblSLastName" runat="server" AssociatedControlID="txtSLastName"></asp:Label>
            <asp:TextBox ID="txtSLastName" runat="server" TabIndex="6"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblSPhone" runat="server" AssociatedControlID="txtSPhone"></asp:Label>
            <asp:TextBox ID="txtSPhone" runat="server" TabIndex="7"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblSFax" runat="server" AssociatedControlID="txtSFax" Height="19px"></asp:Label>
            <asp:TextBox ID="txtSFax" runat="server" TabIndex="8"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblSEmail" runat="server" AssociatedControlID="txtSEmail"></asp:Label>
            <asp:TextBox ID="txtSEmail" runat="server" TabIndex="9" ValidationGroup="validatepart2"></asp:TextBox>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtSEmail"
                   ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Display="Dynamic"></asp:RegularExpressionValidator>
        </div>
    </div>
    
    <!-- Back Up Contact Info-->
    <asp:CheckBox runat="server" id="chkBackUp" AutoPostBack="True" OnCheckedChanged="BackUp_CheckedChanged"/>
    <div runat="server" id="ShowBackUp" style="position: relative; top: 30px;"> 
        <div>
            <asp:Label ID="lblBFirstName" runat="server" AssociatedControlID="txtBFirstName"></asp:Label>   
            <asp:TextBox ID="txtBFirstName" runat="server" TabIndex="10"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblBLastName" runat="server" AssociatedControlID="txtBLastName"></asp:Label>
            <asp:TextBox ID="txtBLastName" runat="server" TabIndex="11"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblBPhone" runat="server" AssociatedControlID="txtBPhone"></asp:Label>
            <asp:TextBox ID="txtBPhone" runat="server" TabIndex="12"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblBFax" runat="server" AssociatedControlID="txtBFax" Height="19px"></asp:Label>
            <asp:TextBox ID="txtBFax" runat="server" TabIndex="13"></asp:TextBox>
        </div>
        <div>
            <asp:Label ID="lblBEmail" runat="server" AssociatedControlID="txtBEmail"></asp:Label>
            <asp:TextBox ID="txtBEmail" runat="server" TabIndex="14" ValidationGroup="validatepart2"></asp:TextBox>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtBEmail"
               ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Display="Dynamic"></asp:RegularExpressionValidator>
        </div>
    </div>    
</div>
 
 
CSS CODE
 
<style type="text/css">
        input.txt {
            color: #000088;
            background-color:#E3F2F7;
            border: 1px; inset #000088;
            width: 200 px;
        }
        input.btn {
            color: #000088;
            background-color:#ADD8E6;
            border: 1px; inset #000088;
        }
        form div {
            clear:left;
            margin: 0;
            padding: 0;
            padding-top:0.3em;
        }
        form div label {
            float: left;
            width: 30%;
            font: bold 0.9em Arial, Helvetica, sans-serif;
            text-align:right;
            padding-left: 40px;
            padding-right: 40px;
        }
        
        .CheckBoxes{
            float: none;
            width: auto;
            font: bold 0.9em Arial, Helvetica, sans-serif;
            position: relative;
            top:50px;
            padding-left: 0px;
            padding-right: 0px;
        }
        
    </style>
           
         

Attachments:

bad-versionpart2.JPG (73 KB) (File Type Details)

This is what it looks like now.

Good-versionpart2.JPG (75 KB) (File Type Details)

This is what I want it to look like!

Keywords: Css Style with checkboxes.

	Title
1	Scrolling text box style
2	Using CSS with COLGROUP.
3	Nested, Floated DIVs, Clearing Issue
4	textbox validation
5	CSS li style
6	Font properties in a userform

Loading Advertisement...

20080716-EE-VQP-32 / EE_QW_EXPERT_20070906

Css Style with checkboxes.

Asked by copyPasteGhost in Cascading Style Sheets (CSS), C# Programming Language, Programming for ASP.NET

About this solution