I just got into leaving tables for CSS but I still use them on some sites. Your code shows 10 px of padding in your <td> (table data tag).
Check the DW table Properties by doing this. Put your cursor anywhere inside your table on the page in DW. Then --> go to the Modify Menu -->go to 'Table' ---> choose 'Select Table'. Then you should see the properties panel change to reflect your Table Properties.
Then make sure ALL these 3 elements are set to '0': Cell Padding, Cell Spacing and Border.
That should collapse the extra space away on your table.
I hope this helps,
Thanks Frank. That's helped in the sense it has removed the spacing between my rows
- great thanks!
However, I still need to take control of the spacing for individual cells and am unsure how to do this.
Also, any idea on the alternative to using a background table image with another image on top, as per my (1) above?
I'm glad I helped.
In the same Table properties panel, towards the left bottom, there are 'Height' and 'Width' text fields, marked 'H' and 'W'. You can enter pixel values in there by just putting the number itself, say, '45'. Just have your cursor positioned in the cell you want to stipulate values for when you do this.
Keep this in mind though: For the *Table* Properties (not the cells), you'll see the drop-down menu just to the right letting you select whether you want your table to be measured in exact pixels or a percentage (general % of the browser window).
IF, you want to state your Table measurement in pixels, then your table has to be mathematically consistent. For example, if your *Table* width is set to 650 pixels (same properties panel; it's all there), and individually your cell values add up to a number greater or lesser than 650, then your table is going to act screwy and not look right.
For your image question, I think your only solution is to use some kind of Photo-Editing program and superimpose your images together as one ahead of time and put all your information there - maybe do it ALL in the Photo editing program. Then for your Email Newsletter, just insert the image into the table.
Photoshop is good for this, but if you're on a budget, there's a Free alternative..... try the 'Gimp' Program at this website
It does a lot of what many pay-for editing programs do.
Good Luck, Frank B.