Quote:
Originally Posted by AngelaE8654
Thank you. I'm a LOT less "techie" than the OP and I don't know much about CSS and all this stuff, but I notice that I also have white space at the top of my page. I suspect it has something to do with the "table" but it looks funny (especially in IE) and I'd like to get rid of it. My code isn't anywhere near as involved as the one shown by the OP, because if it was, I wouldn't understand it, anyway.
But if you have a "table" and the area above, around, and beneath it is too much white space, how does one get rid of that?
Hi from the Coast of Washington State, BTW.  |
I don't know what your table code looks like, but tables by default have padding and margins added to them.
Also the border by default is generally made up of an inner and outer border.
So some issues can be addressed by adjusting the cellspacing and cellpadding attributes.
While others can be addressed in the CSS with the "border-collapse:collapse;"
An example would be something like this:
The above code will remove all cell spacing and padding, and collapse the border to a two pixel wide border.
And if you make the border='0' then the border will be invisible.
Another example would be to declare the border using CSS.
This example will give you a one pixel wide border with no cell spacing or padding.
By using one of the above examples, you can use CSS to add padding to individual cells to get the desired spacing in the cell.
You can also add margins to any element that may be contained in a cell to get the same effect.
Now if you have white space around the outside of your table, then you need to look at what type of container you table is housed in.
If it is in another table, then the parent table must have some cell spacing or padding applied to it.
Other than that, I don't see what could be causing white space unless you are appling some padding to the parent element that the table is housed in.