Problem with text widget

• 

  itelligenceblog · Member · Oct 21, 2011 at 2:35 pm

  • Copy link
  • Add topic to favorites

  I am trying to add a HTML code that includes a table , images and links .
  After I save i can see the images but everything is aligned to the left and some part are missing .
  what could be the problem? here is the code
  <table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”250″>
  <tr>
  <td colspan=”3″ align=”center”><img src=”http://itelligenceblog.files.wordpress.com/2011/10/sapphire-top.jpg”></td>
  </tr>
  <tr>
  <td width=”35%” align=”left”><img src=”http://itelligenceblog.files.wordpress.com/2011/10/sapphire-blog.jpg” border=”0″></td>
  <td width=”30%” align=”center”><img src=”http://itelligenceblog.files.wordpress.com/2011/10/sapphire-twitter.jpg” border=”0″></td>
  <td width=”35%” align=”right”><img src=”http://itelligenceblog.files.wordpress.com/2011/10/sapphire-linkedin.jpg” border=”0″></td>
  </tr>
  </table>

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

• 

  panaghiotisadam · Member · Oct 21, 2011 at 5:33 pm

  • Copy link

  Some of your coding is unnecessary, and much of it is deprecated – you need inline CSS instead. Plus the CSS of several themes includes some defaults you must override. Your table should be like that:

  <table style="border:none;margin-left:-10px;">
  <tr>
  <td colspan="3">IMAGE1 CODE HERE</td>
  </tr>
  <tr>
  <td style="width:35%;padding:0;">IMAGE2 CODE HERE</td>
  <td style="width:30%;padding:0;">IMAGE3 CODE HERE</td>
  <td style="width:35%;padding:0;">IMAGE4 CODE HERE</td>
  </tr>
  </table>