ASP.NET - getting a form's fields to line up with CSS

Question

I'm trying to learn how to line up fields of a form using CSS instead of tables. I'm having a hard time with a CheckBox control. Here's the code:

<html xmlns="http://www.w3.org/1999/xhtml" >

<label for="CheckBox1">CheckBox</label>
<asp:CheckBox ID="CheckBox1" runat="server" />
<br />
<label for="TextBox1">TextBox</label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<div>

</div>
</form>

Here's the CSS:

body
{
}

label
{
    width:300px;
    float:left;
}

I'm getting something that looks like this:

CheckBox []

[CheckBox1] TextBox [ ]

Why is [CheckBox1] on the next line?

Here's a pic: alt text

Also, is there a better way to do this?

This is going to be controversial, but I use a TABLE for stuff like this. Problem solved. — Robert Harvey
– Robert Harvey, Commented Jan 25, 2010 at 3:53

darthjit · Accepted Answer · 2010-01-25 05:04:04Z

1

It's been a while since I worked on ASP.Net but if I remember correctly, the checkbox control has a property that lets you specify where the text appears (below it or to the side). That may solve your problem.

answered Jan 25, 2010 at 5:04

darthjit

1,55513 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Carl Rippon · Accepted Answer · 2010-01-25 07:05:04Z

1

[CheckBox1] only appears in design view - if you run the application you will see that it is not there.

[CheckBox1] appears in design view because you have not set the text for the checkbox - it looks like you are using a label instead.

answered Jan 25, 2010 at 7:05

Carl Rippon

4,6939 gold badges54 silver badges66 bronze badges

Collectives™ on Stack Overflow

ASP.NET - getting a form's fields to line up with CSS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related