.webgrid Border

[Fred]

Well I have finally decided to integrate my tcadmin theme, I have pretty much everything how I want it, however I am having trouble with the "Web Grid" classes.

 

I am trying to remove this border:

 

I have made all kinds of changes to .webgrid_main to get rid of this faint gray border but nothing seems to work, this is what I have at the moment:

 

/*Web Grid*/

.webgrid_main {

background-color: #ffffff;

padding:5px;

border-width:0px;

border-style:none;

border-collapse:collapse;

}

 

Could someone tell me what I'm doing wrong?

 

Cheers,

Fred.

[LFA]

If you are using a modified styles.css remove this:

 

IMG {

margin-top: 5px;

margin-left: 10px;

margin-right: 10px;

}

[Fred]

I don't have that class, I started with a blank css and added in each class one by one, maybe I am missing something that applies to the webgrid tables?

 

I currently Have:

/*Web Grid*/
.webgrid_main {
background-color: #ffffff;
padding:5px;
border-width:0px;
border-style:none;
border-collapse:collapse;
}
.webgrid_header {
font-weight: bold;
font-size: 11px;
color: white;
font-family: Tahoma;
background-color: #1a5688;
text-align: center;
height:20px;
padding:5px;
}
a.webgrid_header_sort:link {
color: white;
font-family: Tahoma;
text-align: left;
text-decoration:	none;
padding:5px;
}
a.webgrid_header_sort:visited {
color: white;
font-family: Tahoma;
text-align: left;
text-decoration:	none;
padding:5px;
}
a.webgrid_header_sort:hover {
color: white;
font-family: Tahoma;
text-align: left;
text-decoration:	underline;
padding:5px;
}
a.webgrid_header_sort:active {
color: white;
font-family: Tahoma;
text-align: left;
text-decoration:	none;
padding:5px;}
.webgrid_footer {
font-weight: bold;
font-size: 11px;
color: white;
font-family: Tahoma;
background-color: #1a5688;
text-align: left;
height:20px;
padding:5px;
}
.webgrid_pager {
font-weight: bold;
font-size: 11px;
color: black;
font-family: Tahoma;
background-color: #FFFFFF;
text-align: left;
height:20px;
padding:5px;
}
.webgrid_rows {
font-size: 11px;
font-family: Tahoma;
background-color:#ffffff;
height:20;
padding:5px;
spacing:1px;
text-align: center;
}
.webgrid_alternating_rows {
font-size: 11px;
font-family: Tahoma;
background-color:#ffffff;
height:20;
padding:5px;
text-align: center;
}
.webgrid_rows_mouseover {
font-size: 11px;
font-family: Tahoma;
background-color:#dddddd;
height:20;
cursor:hand;
padding:5px;
text-align: center;
}

[LFA]

Try removing all the classes and adding them back one by one until you find which one is causing the problem.

[Fred]

OK, Will do!

 

Cheers.