Working on an older site or with tables and need to remove spaces for image mactch-up or continuous backgrounds?

You will need to update your table elements. Remove cellpadding, cellspacing and border controls and replace them with CSS.

  1. make sure each table element has at least style="margin:0; padding:0; border:none;"
  2. place similar CSS code (in 1 above) into all images within the table elements
  3. Use the global CSS
    table {border-collapse:collapse;}

You may have to tweak vertical-align to top or bottom for image alignments, but the spaces should now be gone.

Have Fun! Visit our HTML Playground (now in HTML5).