newbie: <div> trouble
- From: "Jeff" <it_consultant1@xxxxxxxxxxxxxxxxxx>
- Date: Thu, 1 Feb 2007 17:49:28 +0100
Hey
I'm trying to create a asp.net 2.0 web site. A while ago I created the
registration page using table hacks... but now I want to reprogram that
page. I want to avoid using table hacks... I believe using div is better
than table hacks....
Okay, here is the problem:
http://home.online.no/~au-holme/pub/564/divtrouble.JPG
That picture is divided into 2 groups, the upper part see the registrations
fields based on div and css.. the 3 last fields is placed tidy using a table
hack...
PS: The colors are just to illustrate what area the controls are covering,
in other words the colors are used as debug info
As you see the div approach doesn't look good... so I was wondering if some
of you have some tips about how I can make the div approach look as tidy as
the table hack..
******* registration.aspx: **************
<div style="background-color:Red;">
<div><asp:Label ID="Label1" runat="server" CssClass="tyu"
Text="UserName"></asp:Label><asp:TextBox ID="TextBox1" CssClass="trr"
runat="server"></asp:TextBox></div>
<div style="background-color:Green;"><asp:Label ID="Label2" runat="server"
CssClass="tyu" Text="Password"></asp:Label><asp:TextBox ID="TextBox2"
CssClass="trr" runat="server"></asp:TextBox></div>
<div><asp:Label ID="Label3" CssClass="tyu" runat="server" Text="Confirm
Password"></asp:Label><asp:TextBox ID="TextBox3" CssClass="trr"
runat="server"></asp:TextBox></div>
</div>
******* default.css: **************
..trr {
background-color:#CCBB00;
float:right; }
..tyu {
width:8em;
background-color:Orange;}
any suggestions?
Jeff
.
- Follow-Ups:
- Re: newbie: <div> trouble
- From: Göran Andersson
- Re: newbie: <div> trouble
- Prev by Date: Re: Client side changes not reflected in page
- Next by Date: Re: Creating Word Documents
- Previous by thread: Creating Word Documents
- Next by thread: Re: newbie: <div> trouble
- Index(es):
