How to set postion of label control in vs2008

Question

0.00/5 (No votes)

See more:

Hi Expert,

I am developing website and i am using vs.net 2008.

Now I am developing login details page.

and there are 5 Labels and 5 Textbox.and 2 Buttons

and i have put all controls in div,but

when i run the application they changes their position.

And i am not using table .

How i can set the effective design.

my design structure like this,

<div id="MainDiv">

<div id="DivTopHeader" style=" position:relative; z-index:2;">
//For Header and Menu bar </div> <div id="middle">
<div id="left"> Here I have to place all controls </div>
<div id="right">
For search and images</div> </div> </div>

Thanks in advance

Posted 29-Sep-11 1:22am

udusat13

Updated 29-Sep-11 1:59am

v2

Add a Solution

Comments

hitech_s 29-Sep-11 7:25am

use table then only you can get the design perfectly

BobJanova 29-Sep-11 7:53am

Not true. Divs with absolute sizes will retain their dimensions. You should only use a table where the data is semantically tabular (though one might argue that a set of property-value label/<input> pairs is).

CodingLover 29-Sep-11 7:28am

It depends on how you arrange the divs. Can you show us here.

udusat13 29-Sep-11 7:56am

<div id="MainDiv">

<div id="DivTopHeader" style=" position:relative; z-index:2;">
//For Header and Menu bar
</div>

<div id="middle">

<div id="left">
Here I have to place all controls

</div>
<div id="right">For search and images</div>
</div>

</div>

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

hitech_s · Accepted Answer · 2011-09-29T02:11:00

XML

<div id="div1" runat="server" style="position: absolute; margin: -100px 0 0 -200px;top: 50%; left: 55%; background-color: White;">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">
       <tr>
            <td width="39%" align="right" valign="middle">
                <asp:label id="lable1" runat="server" text="Label1" xmlns:asp="#unknown" />
            </td>
            <td width="61%" align="left" valign="middle">
                 <asp:textbox id="TextBox1" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td width="39%" align="right" valign="middle">
                <asp:label id="Label2" runat="server" text="Label2" xmlns:asp="#unknown" />
            </td>
            <td width="61%" align="left" valign="middle">
                 <asp:textbox id="TextBox2" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:label id="Label3" runat="server" text="Label3" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                <asp:textbox id="TextBox3" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:label id="Label4" runat="server" text="Label4" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                <asp:textbox id="TextBox4" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:label id="Label5" runat="server" text="Label5" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                <asp:textbox id="txtbox5" runat="server" xmlns:asp="#unknown" />
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">
                <asp:button id="btn1" runat="server" text="Button1" xmlns:asp="#unknown" />
            </td>
            <td align="left" valign="middle">
                
                <asp:button id="Button1" runat="server" text="Button2" xmlns:asp="#unknown" />
            </td>
        </tr>
    </table>
</div>

sujit0761 · Accepted Answer · 2011-09-29T01:32:00

You can do something like this, below shown is just an example.Make necessary changes as per your requirements.

XML

<div style="width:100%">
<div style="width:45%;float:left">
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>

<div style="width:45%;float:left">
    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
<div style="width:45%;float:left">
    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</div>
<div style="width:45%;float:left">
    <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</div>
<div style="width:45%;float:left">
    <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label>
</div>
<div style="width:45%;float:right">
    <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
</div>

</div>

How to set postion of label control in vs2008

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0