How to set proper alignment in each tag in asp.net..?

Question

0.00/5 (No votes)

See more:

Hi,

I have some porblem in the tag.

I have "n" number of rows and each row contains 2 .

Example
-------
-------------------------------------
EmpNo : textBox | EmpName : dropdown
-------------------------------------
Age: textbox | Class : textbox
-------------------------------------

Here, FirstRow and First data is EmpNo : TextBox.

When i use second row, first is Age:textbox.

There is no proper alignment between EmpNo and Age.

I want to properly align either left or right(both text and controls should be same
order in every row) .

I want set pixel alignment in the CSS File..

How to do this...?

Sample Code
-----------

ASP.NET

<tr>
		            <td>
                        Piping Class :
                        <cc1:ComboBox ID="drpSupp"  runat="server" DropDownStyle="DropDownList" Width="50px" CaseSensitive="false" AutoCompleteMode="SuggestAppend" CssClass="WindowsStyle" ItemInsertLocation="OrdinalText">
                                <asp:ListItem Value="" Selected="True">Select
                        
                    </td>
                    <td class="Labels tdAlign">
                        Deg F :
                        <asp:TextBox ID="TextBox10" runat="server" CssClass="control" Width="100px">
                    </td>
                    </tr>

Deg C From One :
<asp:TextBox ID="TextBox11" runat="server" CssClass="control" Width="100px">
Allow from code :
<asp:TextBox ID="txtPipeSize" runat="server" CssClass="control" Width="100px">

Posted 20-Sep-11 4:13am

gani7787

Updated 20-Sep-11 4:15am

André Kraak

v2

Add a Solution

4 solutions

Solution 2

How about this

<table border="0" width="100%" cellpadding="1" cellspacing="0" id="table1">
<tr>
  <td width="50%" align="right">Your Label Here:</td>
  <td width="50%" align="left">Your Input Box Here</td>
</tr>
</table>

Goo Luck
Al

Posted 20-Sep-11 13:25pm

mashisp

Updated 20-Sep-11 13:28pm

v3

Solution 3

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="Left">Emp No</td>
<td width="1%" align="Center">:</td>
<td align="Left"><asp:TextBox id="txtbox1" runat="server" /></td>
<td align="Left">Emp Name </td><td width="1%" align="Center">:</td><td><asp:DropDownList ID="ddllist1" runat="server" /></td>
</tr>
<tr>
<td align="Left">Age </td>
<td width="1%" align="Center">:</td>
<td align="Left"><asp:TextBox id="txtbox2" runat="server"  /></td>
<td align="Left">Emp Name </td><td width="1%" align="Center">:</td><asp:TextBox ID="txtBox3" runat="server" />
</tr>
</table>

Posted 20-Sep-11 17:59pm

hitech_s

Updated 20-Sep-11 18:14pm

v5

Solution 4

When u design webbased forms, consider following things.
1. use TABLE structure.
2. Give height and width in % not in px (it will give resolution indepedent design)
3. Give align all lables to right of the TD and Textboxes Left of TD
e.g.

ASP.NET

<table id="tblMain" width="100%">
<tr>
    <td width="50%">
         <asp:lable runat="server" id="lblEmpName" text="Emp Name" xmlns:asp="#unknown" />
    </td>
    <td width="50%">
         <asp:textbox id="txtEmpName" runat="server" xmlns:asp="#unknown" />
    </td>
</tr>
</table>

Posted 20-Sep-11 18:16pm

koolprasad2003

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)

Niral Soni · Accepted Answer · 2011-09-20T10:31:00

split label and textbox in separate TD tag -

ASP.NET

<tr>
	<td>Piping Class :</td>
	<td>
		<cc1:combobox id="drpSupp" runat="server" dropdownstyle="DropDownList" width="50px" casesensitive="false" autocompletemode="SuggestAppend" cssclass="WindowsStyle" iteminsertlocation="OrdinalText" xmlns:cc1="#unknown">
		<asp:listitem value="" selected="True" xmlns:asp="#unknown">Select
	</asp:listitem></cc1:combobox></td>
	<td class="Labels tdAlign">Deg F :</td>
	<td>
		<asp:textbox id="TextBox10" runat="server" cssclass="control" width="100px" xmlns:asp="#unknown">
	</asp:textbox></td>
</tr>

Thanks & Regards,
Niral Soni

How to set proper alignment in each tag in asp.net..?

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us