ASP.NET
A set of technologies in the .NET Framework for building web applications and XML web services.
3,592 questions
Use class instead of CssClass in this case.
Table border issue
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(236.8, 43%, 32%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EP%3C/text%3E%3C/svg%3E)
Peter_1985
2,711
Reputation points
Hi,
What is wrong below? How to correct it?
3 answers
Sort by: Most helpful
-
Viorel 119.7K Reputation points2025-01-21T06:07:16.0566667+00:00 -
Peter_1985 2,711 Reputation points
2025-01-21T07:30:39.0133333+00:00 Many thanks. How to ensure Labels and Textboxes are all having the proper borders?
-
Peter_1985 2,711 Reputation points
2025-01-21T08:53:38.38+00:00 Many thanks. How to ensure there is the border to the Label and Textbox below?
Sign in to comment -
-
AgaveJoe 29,776 Reputation points2025-01-21T11:24:57.7966667+00:00 Many thanks. How to ensure Labels and Textboxes are all having the proper borders?
What is a "proper border"?
-
Peter_1985 2,711 Reputation points
2025-01-23T09:03:54.8566667+00:00 I mean there is a border to each Label and Textbox.
-
AgaveJoe 29,776 Reputation points
2025-01-23T13:27:55.85+00:00 I mean there is a border to each Label and Textbox.
If I understand correctly you want to add a border around a Label and a TextBox server control. Most server controls have Border properties. Simply review the server control's properties or read the openly published documentation.
https://learn.microsoft.com/en-us/previous-versions/aspnet/bfhhhk72(v=vs.100)
<table> <tr> <td> <asp:Label ID="Label1" runat="server" Text="Label" BorderStyle="Solid" BorderColor="LimeGreen" BorderWidth="2"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" BorderStyle="Solid" BorderColor="LimeGreen" BorderWidth="2"></asp:TextBox> </td> </tr> </table>If want the CSS then simply review the HTML.
<table> <tbody> <tr> <td> <span id="Label1" style="display:inline-block;border-color:LimeGreen;border-width:2px;border-style:Solid;">Label</span> <input name="TextBox1" type="text" id="TextBox1" style="border-color:LimeGreen;border-width:2px;border-style:Solid;"> </td> </tr> </tbody> </table>IF you are looking for a selector then we need all the relevant markup not a screenshot.
-
Peter_1985 2,711 Reputation points
2025-01-24T02:15:14.16+00:00 Many thanks. Is there any better example to have the structures below?
-
AgaveJoe 29,776 Reputation points
2025-01-24T17:02:36.3433333+00:00 I'm guessing you actually want to format a table and place the label and textbox in different cells.
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style> table { width:50%; } table, th, td { border-collapse: collapse; border: 1px solid; } </style> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </td> <td> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </td> </tr> </table> </div> </form> </body> </html> -
Peter_1985 2,711 Reputation points
2025-01-25T04:50:58.1066667+00:00 Using the border of the Textbox is not the way to have the table structure. Are there any other approaches?
-
AgaveJoe 29,776 Reputation points
2025-01-25T10:29:34.7533333+00:00 Using the border of the Textbox is not the way to have the table structure. Are there any other approaches?
Yes. Place the label and textbox in separate table cells and add a border around the table cells as illustrated in my previous post.
-
Peter_1985 2,711 Reputation points
2025-01-25T14:18:10.1466667+00:00 Using the border of the Textbox (or the Label), I only get the following, which is not the expected table structure I posted in above.
Here is my codes.
-
AgaveJoe 29,776 Reputation points
2025-01-25T14:44:22.22+00:00 Using the border of the Textbox (or the Label), I only get the following, which is not the expected table structure I posted in above.
Peter_1985, you have to actually read the responses and pay attention to the code examples. My response mimics your screenshot.
I added a 2 columns and a row to the original markup to make the approach clearer.
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style> table { width: 50%; } table, th, td { border-collapse: collapse; border: 1px solid; } </style> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </td> <td> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </td> <td> cell </td> <td> cell </td> </tr> <tr> <td> cell </td> <td> cell </td> <td> cell </td> <td> cell </td> </tr> </table> </div> </form> </body> </html>If this approach does not meet your expectations then clarify your expectations and perhaps the general design intention.
-
Peter_1985 2,711 Reputation points
2025-02-04T06:22:51.0033333+00:00 I have the codes below. But it has the border to only 1st Label and Textbox, and does not have the border to the other Labels and Textboxes (within the same table). Is it due to "border:0"?
-
Peter_1985 2,711 Reputation points
2025-02-06T09:40:07.3833333+00:00 Any help?
-
AgaveJoe 29,776 Reputation points
2025-02-06T10:15:05.42+00:00 My best guess is what you are referring to as a boarder is actually the background color.
If you are unable to use the browser's dev tools to debug your HTML/CSS then the community needs all the relevant code in text format not a screenshot. The first step in debugging is reproducing the issue which we cannot do with a screenshot.
Is it due to "border:0"?
You can easily test this yourself by removing the border:0 style and running the page.
Sign in to comment -
-
MohaNed Ghawar 75 Reputation points2025-02-06T15:03:29.0466667+00:00 there's a syntax error in the table's class attribute. The problem is with
ssclass="Rightborders"- it has an extra 's' and incorrect syntax.Here's how to correct it:
<div class="centered"> <table class="Rightborders"> <tr> <td> <asp:Label ID="lb_name" Text="Name" Width="230px" /> </td> </tr> </table> </div>If you want to apply right borders to your table, make sure you also have the corresponding CSS class defined in your stylesheet:
.Rightborders { border-right: 1px solid #000; /* or whatever border style you prefer */ }-
Peter_1985 2,711 Reputation points
2025-02-07T03:36:14.71+00:00 Mohaned,
Before this, I already had the code like
Sign in to comment -