In most wordpress.com themes, when you create an html table the cell borders are invisible unless you specify otherwise. In some of the newer themes, however (Blogum, Bouquet, Brand New Day, Chateau, Choco, Comet, Coraline, Dusk to Dawn, Duster, Enterprise, Fresh & Clean, Fusion, Greyzed, Imbalance 2, iNove, Liquorice, Manifest, Matala, Monochrome, Neutra, Next Saturday, Nishita, Notepad, Piano Black, Pink Touch 2, Selecta, Shaan, Skeptical, Splendio, Structure, Suburbia, Sundance, Sunspot, The Morning After, Twenty Eleven, Twenty Ten, Vertigo, Wu Wei, zBench), tables will automatically show up with visible cell borders – even if you write <table border="0"> in the code. That’s fine when you wish to present data in a grid, but not necessarily fine when you use a table for another purpose (such as arranging image/text combinations).
To override these default borders, you need to write the opening table tag and each opening td tag this way:
<table style="border:none;">
<td style="border:none;">
Of course if you have the paid CSS upgrade you can get rid of the borders once for all, by adding the appropriate code in your CSS editor. In Choco or Twenty-Ten, for example, you would add this:
#content table, #content tr td {border:none;}
(Related issue: Overriding default table colors; post includes themes with default colors and borders.)
https://wpbtips.wordpress.com/
“That’s fine…”
Having a default is fine, disabling a standard html tag is not.
Great, thank you.
@AA: Thanks!
@George: Agree – especially since we’re not talking about an obscure, rarely used, piece of coding but about a versatile tool used for all sorts of purposes.
Awesome! I found it annoying but this fixed it. For some reason, Firefox on my MAC would not display them.
@Kim: You’re welcome! I don’t know about your Firefox – maybe it has to do with the version. Mine (latest version, also Mac) does display the borders.
Thank you very much for the info! Works like a charm!
@rhonda: You’re welcome!
With my Artisteer template, tag is not necessary, just tag is sufficient to make border line invisible.
@Ken: If you’re using Artisteer, then you’ve got a self-hosted blog. My blog is about wp.com blogs.
THANK YOU!
Spent three hours searching to fix this problem, you really helped!
@Seb: You’re welcome!
Thank you for this solution to WordPress table borders. I was struggling with this formatting for a long time before I found this post.
I appreciate your help.
@Neil: You’re welcome!
You can get rid of the borders once for all if you buy the CSS upgrade; but of course it’s not worth buying it just for that.
Thankyou!
I’m running the structure theme and It’s taken me ages to find out how to do this! Such a simple piece of code but for a newbie like me it’s gold dust! Thanks again!
@Ben: You’re welcome!
Not at all simple, actually, and in my opinion not good practice when a theme overrides what’s standard in tables and table coding.
Yeah once I had everything together it did seem like quite a mission just for one post!
Thanks again though for the hot tip!
Great, works for me. I’m using iNove theme.
Thanks
[Username link removed – P.]
It works! Thank you very much! :)
[Username link to non wp.com blog removed – P.]
Thank you for the post, put the CSS code in my child style.css and no more borders are shown!
[Username link to non-wp.com site removed – P.]
You’re not talking about the site linked to your username, are you?
thank u , it is helpful a lot ;)
You’re welcome, anonymous!
thx a lot.. very useful ^^
You’re welcome, other anonymous!
To override these default borders, you need to write the opening table tag and each opening td tag this way:
Where in the html box would I add this? I have made a custom signature and I have put the code into the html box… I have Chateau by the way….so would I add the above code to my custom signature code? My signature is a PNG file with transparent background.. help!
a) I’m not seeing any transparent PNG in any of the posts on your front page. b) This post is about tables: what does a table have to do with a single image? You mean you want to eliminate the border around an image?
Please insert the image in a post and link to that post so I can see what you’re talking about.
In the meantime a piece of advice: endless scrolling isn’t user-friendly, plus the more the images on your front page the more the loading time (for a visitor with a slow connection, the browser may even time out before loading all the images and then the visitor will see nice big empty squares instead of some of the images). You should limit the number of posts per page to only a few (in Settings>Reading) and/or use the read-more tag to truncate the posts.
Thank you for the advice on the endless scrolling. I have fixed that. What I’m trying to do is post a customized signature at the bottom of each blog post. The signature image is a PNG file that should be transparent but my Chateau theme puts a border and drop shadow around this image. I was under the impression from your post that to get rid of the border I have to ” write the opening table tag and each opening td tag “. That is where I am confused. Where do I insert the following code ?? I have pasted the code for a “test signature” below. I don’t want to post the signature image to my blog now with the border but if you want to test the code below in your blog so you can see what I am talking about. Thank you!
As you see I can’t see your code – see point 4 here: https://wpbtips.wordpress.com/comment-guidelines/
That’s why I asked you to publish the thing, so I could see the post and its code myself.
Anyway, your explanation is clear enough. After inserting the image, switch the editor to HTML and turn this:
<img ETC ETC
to this:
<img style="border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;" ETC ETC
Wonderful! Thank you so much for your help!
You’re welcome (but I’m still seeing no such PNG on your front page posts).
Great thank’s a lot for the trick !