How to use the relative positioning for labels and textboxes?

[naga101]

Hi,

I am finding difficulty in placing a label which should be relative to a table. If I modify the positioning to absolute then it is being placed in a different position which looks awkward during the run time. I want the label to be adjacent to the Table how can I do that.

- Naga

[nateraaaa]

Hi,

I am finding difficulty in placing a label which should be relative to a table. If I modify the positioning to absolute then it is being placed in a different position which looks awkward during the run time. I want the label to be adjacent to the Table how can I do that.

- Naga

Sounds like you need to create a table within a table and then use a <td> tag to place your label where you want it.

<table>
 <tr>
    <td>
       <table><tr><td>Your original table here</td></tr></table>
    </td>
    <td>Your label here. You could add some <br> tags to move this text down a bit.</td>
 </tr>
</table>

Hope this helps

Nathan

[Frinavale]

Is this really a .NET question? Or is it an HTML question?

You can create a CSS class for positioning your label if you'd like, then just set the labels CssClass property. Maybe use the css property float:left for the label?

So your css will look something like:

<style type="text/css">
    .labelStyle
    {
        float:left;
    }
</style>
 

Your HTML will look something like:

<table>
  <tr><td>...</td></tr>
</table>
<asp:label id="Lbl_mylabel" runat="server" CssClass="labelStyle"></asp:label>
 

By setting an element's float, you indicate to the browser that the rest of the website's content should be displayed on one side of that element. In this case your table will be displayed on the Left Of Your Label.

Cheers,


-Frinny

[nateraaaa]

Is this really a .NET question? Or is it an HTML question?

You can create a CSS class for positioning your label if you'd like, then just set the labels CssClass property. Maybe use the css property float:left for the label?

So your css will look something like:

<style type="text/css">
    .labelStyle
    {
        float:left;
    }
</style>
 

Your HTML will look something like:

<table>
  <tr><td>...</td></tr>
</table>
<asp:label id="Lbl_mylabel" runat="server" CssClass="labelStyle"></asp:label>
 

By setting an element's float, you indicate to the browser that the rest of the website's content should be displayed on one side of that element. In this case your table will be displayed on the Left Of Your Label.

Cheers,


-Frinny

Great tip Frinny. You are definitely better using css than I am. I will keep this in mind.

Nathan