ASP.NET
A set of technologies in the .NET Framework for building web applications and XML web services.
3,582 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?
2 answers
Sort by: Most helpful
-
Viorel 119.3K 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,681 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,681 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,681 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,681 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,681 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.
Sign in to comment -