Using CSS results in changes in page display

[Tanj]

I am working on validating a website to 4.01 standards. I have not had much experience in html or css until this project so it may be a simple mistake or misunderstanding.

Basicly what is happening is that I am getting small spaces between tables where there weren't any before. This throws the alignment way out of wack.

The website is generated using apache server and php. The pages are the results of the generated page with all the main text removed.

http://powercoreeng.com/page.css

http://powercoreeng.com/menuold.html

http://powercoreeng.com/menunew.html

I have tried everything I can think of but I can't seem to find a way to make the css version match the old non-css version.

[Tanj]

I figured out the problem.

It appears to be that <table> properties don't transfer to <td> and <tr>.

To fix the problem I just added this to my css file

td
{
    border-style: none;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;
}
tr
{
    border-style: none;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;
}
 

Thanks for being my sounding board :) I hope this will help someone else who may have run across this

[improvcornartist]

Just a note - instead of repeating css like that, you can combine them.

tr, td
{
    border-style: none;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;
}