html table question

• 

  ismailimail · Member · Jul 19, 2010 at 4:49 pm

  • Copy link
  • Add topic to favorites

  Does anyone know how I can flush the table to the left here?

  http://ismailimail.wordpress.com/2010/07/12/week-in-review-july-11-2010/

  The whole table is centered leaving white spaces between the four images. I’d like to see the images lined up next to each other without any white space. The table looks perfectly fine in the Editor but it comes out like above when post is published or previewed.

  I’m using below html code to create the table. Plus, I center the images in the individual cell/columns.

  <table style="border: none;">
  <tbody>
  <tr>
  <td style="border: none;">row 1, cell 1</td>
  <td style="border: none;">row 1, cell 2</td>
  <td style="border: none;">row 2, cell 1</td>
  <td style="border: none;">row 2, cell 2</td>
  </tr>
  </tbody>
  </table>

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

• 

  panaghiotisadam · Member · Jul 20, 2010 at 2:00 am

  • Copy link

  You’re getting that because the CSS of the theme specifies that tables should occupy the whole width of the available area (a bad idea, in my opinion). Write it this way:
  `<div style=”width:400px;”>
  <table style=”border:none;”>
  <tr>
  <td style=”border:none;padding:0;”>[etc.]
  [etc. etc.]
  </table>
  </div>

• 

  panaghiotisadam · Member · Jul 20, 2010 at 2:01 am

  • Copy link

  (Ignore the backtick at the beginning)

• 

  ismailimail · Member · Jul 20, 2010 at 4:19 am

  • Copy link

  Great, thank you. You fixed it. Also, thank you for the border none code you shared earlier which helped resolve a long standing issue.