Table without borders

• 

  lessafabio · Member · Aug 3, 2014 at 2:06 pm

  • Copy link
  • Add topic to favorites

  Hello,

  The ‘ <table style=”border:none;”> ‘ tag isn’t hiding the borders of the specific table.
  What could result in this? Could any other CSS applied in my blog override this style?

  Thanks in advance

  The blog I need help with is: (visible only to logged in users)

• 

  sandymcfadden · Member · Aug 4, 2014 at 1:08 pm

  • Copy link

  Hi lessafabio,

  The reason this is not taking away the borders is because the cells of the table also have borders applied to them.

  If you need to do this with inline css you would need to add the border: none to ever td element in the table as well. Something like this:
  <td style="border: none;">

  If you had the Custom Design add on you could give the table a class and then apply the css in your Custom CSS section to make it easier and less code.

  http://en.support.wordpress.com/custom-design/

  Hope that helps.

• 

  eurello · Staff · Aug 4, 2014 at 11:24 pm

  • Copy link

  Hi there,

  Try the following CSS:

  #content-blog table tbody tr td {
  	border: none;
  }

  Let me know how that works.

• 

  lessafabio · Member · Aug 4, 2014 at 11:46 pm

  • Copy link

  It worked perfectly using the attribute in <td>, like sandymcfadden said.

  I believe the eurello’s suggestion would hide the borders of all tables. I wanted to hide just in one case. But thanks for your help too.