[wp-table-reloaded] borders

I’ve been trying to hide the borders too. I’ve been changing the colors and even added border-collapse with no solution. I’m no coder I admit it but hopefully you can help me fix this. My current CSS is:

.wp-table-reloaded {
	background-color:#ffffff;
	margin:10px 0px 15px 0px;
	font: Icon;
border: 1px Solid ThreeDShadow;
background: Window;
color: WindowText;
border-collapse: collapse;
}
.wp-table-reloaded th {
	background-color:#ffffff;
	padding:4px;
}
.wp-table-reloaded td {
	color:#666666;
	padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#FFFFFF;
}
.wp-table-reloaded .odd td{
	background-color:#ffffff;
}
.wp-table-reloaded .header {
	background-image:url(http://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#ffffff;
	background-image:url(http://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

.wp-table-reloaded .headerSortDown {
	background-color:#ffffff;
	background-image:url(http://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

I warned you I’m no coder 🙂 I made these changes with no fix yet, I still get a grey border around the table:

.wp-table-reloaded {
	background-color:#ffffff;
	font: Icon;
        border: none!important;
        cellspacing="0";
}
.wp-table-reloaded th {
	background-color:#ffffff;
	border: none!important;
        padding:4px;
}
.wp-table-reloaded td {
	color:#666666;
	border: none!important;
        padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#FFFFFF;
}
.wp-table-reloaded .odd td{
	background-color:#ffffff;
}
.wp-table-reloaded .header {
	background-image:url(http://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#ffffff;
	background-image:url(http://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

.wp-table-reloaded .headerSortDown {
	background-color:#ffffff;
	background-image:url(http://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

I tried changing the table id incl but still no fix. I threw it live quick for you to see…I was kind of working on it in the background until I could get this fixed. here’s the link: http://stupidworld.net/?page_id=272

That worked, borders are now gone. I moved it to the real site but now for some reason it looks fine in IE, but in FF the rows don’t line up. The picture sits above the row in the second column. I’d show the url but my client doesn’t allow it public until approval. I was thinking it was a padding issue, that didn’t change, changed the sizes of the pics, that didn’t fix it. Is there a way to change the table size to automicatically switch depending on the persons screen size? and/or format the table itself to hold smaller? It must just be too wide to fit in their template. I have tried adding:

table.wp-table-reloaded-id-3 .column-2
{
	width: 150px;
}

but it didn’t do the trick. I usually have IE issues not FF so this is a first for me. any ideas?

email sent. Thank you so much for still dealling with me 🙂

Hi,

try this for the image:

<img src="http://godliving.com/wp-content/uploads/2010/05/Me121.jpg" alt="me" style="float:right;margin:5px;" />

Remove the other <img> (which won’t show one, because no “src” is specified).
Then, in your text, there’s a line break after “I am”, which you probably want to remove.

Best wishes,
Tobias

P.S.: For future questions, please open a new topic here in the forums, instead of appending your question to old ones. Thanks.

I tried both fixes to remove the border on my table and neither worked… could you help? my site is kellyhicksdesign.com/portfolio