Table formatting

[jmerriam]

I can't figure out the difference between "Cell Spacing" and "Cell Padding." What I'm trying to do is create more of a space between the edge of each cell and the text inside the cell: as it is, it's crunched right up to the left-hand cell edge.

Also, is there any way to regulate the height of each row? I've tried dragging the lower edge of the row up to make it thinner, but nothing happens.

[Chris_Hofer · Accepted solution]

Hi there, @jmerriam ...

I searched Google for some sites that describe the difference between cell spacing and cell padding.  Here's what I found:

• Difference between Cellpadding and Cellspacing - GeeksforGeeks
• HTML Table Padding & Spacing
• Difference Between Cellpadding and Cellspacing (with Comparison Chart and Example) - Tech Difference...

Hopefully there are some examples in these sites that might be helpful to you.

[jmerriam]

Thanks, Chris, as usual! It's the cell padding that I need to adjust to move the text away from the left-hand edge. Insofar as the height is concerned, I'd need to modify the css "style" attribute...I could do it, but it's not that important in the grand scheme of things!

[PatrickCoin]

If you click inside the table while editing the page and then go to the Table menu item above the editing box, you then go to "Table Properties" in the dropdown menu and you can set cell spacing and cellpadding. I guess this is in pixels, so fill in "5px" or whatever. Maybe. Somebody correct me if I'm wrong on that. 

You can also set border width and width of the table in percentage of the page. This is a littler easier than trying to edit that code. When I do that and save, then check the code again, it is giving me a style statement such as:
<table style="border-collapse: collapse; width: 99.9904%; height: 216.525px;" border="0 px" cellspacing="5px" cellpadding="5px">

I'm still experimenting with this. I have limited experience with CSS, being an old-fashioned html 1.0 sort of person.