To begin, obviously, I am NOT very experienced. :)
The images discussed below (“A”, “B” and “C”) can be found here…
http://dixieelectricalcontractors.com/images/xtest.jpg
I first created an “image page” in Photoshop, then dividing it into webslices, saved it to a webpage. If you are not familiar, when saving it, Photoshop creates a table with image slices in each cell. The declaration is simple ‘<html>’, no “!DOCTYPE”.
Image “A”.
With “!DOCTYPE” added to the declaration, as you can see, spacing is added to the table.
Image “B”
The final image is is “!DOCTYPE” added to the declaration, and “line-hight=0px” added to the cell style.
Image “C”
As you can see, the spacing in the table was sussed, however, the text was ‘crushed’.
I have tried many other options including, ‘border-collapse’, ‘padding’, ‘border-spacing’, etc…
What am I overlooking?
