your issue is when collapsed, the cell border is the table border. you need to set the border of the outer cells to the proper color. here is a sample of yellow border and red inner.
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
you are doing something like in the picture mentioned below.
what exact output do you want?
Regards
Deepak
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
33 Points
160 Posts
Table border color
Nov 03, 2016 01:37 PM|TW88|LINK
I wish to have a table with standard 1px black border and light grey color of inside lines
but I cannot see black color border at the following style
when change to "2px solid black", it shows black color but too thick at IE11
any idea? thanks.
***************************************************
<style type="text/css">
table.lines {
border: 1px solid black;
border-collapse: collapse }
table.lines td {
border: 1pt solid grey; }
</style>
</head><body>
<table class="lines">
<tr><td>1</td><td>ABC</td></tr>
<tr><td>2</td><td>XYZ</td></tr>
</table></body></html>
All-Star
57864 Points
15493 Posts
Re: Table border color
Nov 03, 2016 03:15 PM|bruce (sqlwork.com)|LINK
your issue is when collapsed, the cell border is the table border. you need to set the border of the outer cells to the proper color. here is a sample of yellow border and red inner.
table.lines { border-collapse: collapse } table.lines td { border: 1pt solid red; } table.lines tr:first-of-type td { border-top: 1pt solid yellow; } table.lines tr:last-of-type td { border-bottom: 1pt solid yellow; } table.lines tr td:first-of-type { border-left: 1pt solid yellow; } table.lines tr td:last-of-type { border-right: 1pt solid yellow; }Contributor
2990 Points
1210 Posts
Re: Table border color
Nov 04, 2016 01:29 AM|Deepak Panchal|LINK
Hi TW88,
you can see the example mentioned below. in which you can set the border color, border light color and border dark color.
<html> <body> <form name="myform"> <table border="1" bordercolor="#8080cc" bordercolorlight="#8080c0" bordercolordark="#400080" bgcolor="#ffffcc"> <tr><td>Cell content...</td><td>Cell content...</td></tr> <tr><td>Cell content...</td><td>Cell content...</td></tr> <tr><td>Cell content...</td><td>Cell content...</td></tr> </table> </form> </body> </html>Regards
Deepak
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
33 Points
160 Posts
Re: Table border color
Nov 04, 2016 01:41 AM|TW88|LINK
Thanks a lot.
Member
33 Points
160 Posts
Re: Table border color
Nov 04, 2016 06:52 AM|TW88|LINK
I find another issue
if dropbox in 2nd row cell and textbox in 3rd row cell,
2nd row cell will have bottom line too because of different type.
Any ideas? Thanks.
Contributor
2990 Points
1210 Posts
Re: Table border color
Nov 04, 2016 07:13 AM|Deepak Panchal|LINK
Hi TW88,
you are doing something like in the picture mentioned below.
what exact output do you want?
Regards
Deepak
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
33 Points
160 Posts
Re: Table border color
Nov 04, 2016 07:34 AM|TW88|LINK
Thanks a lot
I fixed it with last-child.
it is OK, I am not very familiar with CSS.