As you notice they all have borders in some fashion around them if you view them in Safari Browser, or Opera Browser.
In each table I give the markup that is produced by the DNN Repository so you can see what is happening
| <table id="table1" cellspacing="0" border="0" rules="all" style="border-style: none; border-width: 0px; width: 100%; border-collapse: seperate;"> |
----------------
| <table id="table1" cellspacing="0" border="0" rules="all" style="border-style: none; border-width: 0px; width: 100%; border-collapse: collapse;"> |
----------------
|
This table has border-collapse: collapse and has border: none This table has border-seperate: collapse and has border: none (to try to fix the issue in DNN Repository). It doesn't work as you can see when you view in Safari and Opera and you will notice a border. <table id="table1" cellspacing="0" border="0" rules="all" style="border-style: none; border-width: 0px; width: 100%; border-collapse: collapse; border: none !important;"> |
----------------
|
This table has border-seperate: collapse and has border: none (to try to fix the issue in DNN Repository). It doesn't work as you can see when you view in Safari and Opera and you will notice a border. <table id="table1" cellspacing="0" border="0" rules="all" style="border-style: none; border-width: 0px; width: 100%; border-collapse: seperate; border: none !important;"> |
Below I threw all the tables inside a div which I gave a class of "bordernone" and in CSS I added the following CSS.
.bordernone table,
.bordernone td,
.bordernone tr,
.bordernone tbody
{
border: none !important
}
|
See this table has NO Borders! <table id="table1" cellspacing="0" border="0" rules="all" style="border-style: none; border-width: 0px; width: 100%; border-collapse: seperate;"> |
----------------
|
See this table has NO Borders! <table id="table1" cellspacing="0" border="0" rules="all" style="border-style: none; border-width: 0px; width: 100%; border-collapse: collapse;"> |
----------------