Borders still appearing when html border attribute is set too "0"

• 

  stevegannon · Member · Jun 13, 2012 at 4:25 pm

  • Copy link
  • Add topic to favorites

  I am having issues with my borders in a table. I should be displaying no borders on my webpage [http://stevegannon.wordpress.com/resume/] but it is displaying borders for the tables it shouldn’t be. the html even shows a border attribute of 0 so again shouldn’t be borders

  </td>
  </tr>
  </tbody>
  </table>
  
  <table border=”0″ cellspacing=”0″ cellpadding=”0″>
  <tbody>
  <tr>
  <td valign=”top” width=”213″>Game Project:</td>
  <td valign=”top” width=”213″>Position:</td>
  <td valign=”top” width=”213″>Date:</td>
  </tr>
  <tr>
  <td valign=”top” width=”213″>Alien vs. Soviets</td>
  <td valign=”top” width=”213″>Programmer</td>
  <td valign=”top” width=”213″>Mar – Apr 09’</td>
  </tr>
  </tbody>
  </table>

  I was wondering if you could help me out with this issue.
  Blog url: http://stevegannon.wordpress.com/

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

• 

  justpi · Member · Jun 13, 2012 at 5:21 pm

  • Copy link

  Those borders are defined in the CSS of the theme. Commands such as border=”0″, cellspacing=”0″, cellpadding=”0″ are outdated and don’t work. See here:

  Overriding default table borders

• 

  stevegannon · Member · Jun 13, 2012 at 6:40 pm

  • Copy link

  In this piece of code am I implementing the change properly or no?

  <table style=”border:none;”>
  <td style=”border:none;”>
  <table border=”0″ cellspacing=”0″ cellpadding=”0″>
  <tbody>
  <tr>
  <td valign=”top” width=”213″>Game Project:</td>
  <td valign=”top” width=”213″>Position:</td>
  <td valign=”top” width=”213″>Date:</td>
  </tr>
  <tr>
  <td valign=”top” width=”213″>Alien vs. Soviets</td>
  <td valign=”top” width=”213″>Programmer</td>
  <td valign=”top” width=”213″>Mar – Apr 09’</td>
  </tr>
  </tbody>
  </table>

  I don’t feel like I am. Thanks for the help, it seems silly to disable that ability in the new themes.

• 

  justpi · Member · Jun 13, 2012 at 8:24 pm

  • Copy link

  You’re not, because you’ve used the opening table tag twice, and you’ve added a solitary opening td tag instead of modifying the existing ones. Also:
  a) There’s no point setting a vertical alignment when the content of each cell is just a little bit of text (so all the cells have the same height). And the command you’ve used doesn’t work anyway.
  b) The total width of the post column in iNove is 600px, so you can’t have a row of three 213px wide cells.
  c) Instead of specifying a width for each and every cell, you can set the width once for each column.
  In all:

  <table style="border:none;">
  <col width="200" /><col width="200" /><col width="200" />
  <tbody>
  <tr>
  <td style="border:none;">Game Project:</td>
  <td style="border:none;">Position:</td>
  <td style="border:none;">Date:</td>
  </tr>
  <tr>
  <td style="border:none;">Alien vs. Soviets</td>
  <td style="border:none;">Programmer</td>
  <td style="border:none;">Mar – Apr 09’</td>
  </tr>
  </tbody>
  </table>