Terrible CSS Table

Question

I am creating one of my first tableless web sites using CSS.
Wouldn't you know, there is a need for a data table on one of the
pages and of all times for a table to give me trouble, it's with a
tableless web page located at the bottom of this page:
http://www.webmarketingstudio.com/enaid/pool_tour.html
The CSS is located at
http://www.webmarketingstudio.com/enaid/css/costa.css
The table appears to have padding around the contents of each
cell but it isn't set up that way. It needs to have the border. Can
anyone tell me how to get rid of all the space around the data in
each cell?
I should also mention that I'm using Mac OS 10.4 and I've
viewed this page in Safari, Netscape, Opera, IE, and FireFox. The
problem with the table is consistent.
But there is another anomally with Safari: It will not wrap
the text around the Flash movies. All of the other browsers
position text to wrap around the movie. Is there a way to get
Safari to the same as it does for photos?
Thanks so much!

Answer 1

On Thu, 8 Jun 2006 03:16:18 +0000 (UTC), "SweetEngineer"
<[email protected]> wrote:
> The</a> table appears to have padding around the
contents of each cell but it
>isn't set up that way. It needs to have the border. Can
anyone tell me how to
>get rid of all the space around the data in each cell?
It isn't padding in the table. It's padding on the <h6>
and <p> tags
inside the table. Add this at the *bottom* of your style
sheet:
td p, td h6{margin:0;padding:0;}
Gary