I use full HTML for my page content. But the table always have border-top on, how can I turn it off?

Comments

haysuess’s picture

I have the same problem. I've tried displaying it as none, and changing the border color to the same as the background color using CSS but it still shows up!

tdailey’s picture

doesn't happen to me, so i'm thinking it is your theme doing it, but in general I'd suggest using CSS.

So, given a table like this:

<table class="mycustomtable">
<tr><td>one</td><td>1</td></tr>
<tr><td>two</td><td class="specialtd">2</td></tr>
</table>

you can use CSS like this to control it:

.mycustomtable {
	background: red;
	border: none;
}

.mycustomtable tr {
	font-size: 2em;
}

.mycustomtable .specialtd {
	background: blue;
}

The rule for CSS is "the last declaration wins," so if this doesn't work make sure your custom CSS is the last one being applied to the table, by making sure it's at the bottom of your last included style file.

webpoga’s picture

this will solve your problem..

In your style.css file, or what ever stylesheet you're using, place this code

.yourclass tbody {
    border-top:none;
}

".yourclass" can be any of your table's parent container.

or if you want it removed generally in all tables,

body tbody {
    border-top:none;
    /* or */
    border:none;
}
noxprime’s picture

Thanks !! It's work !!