Table -- height formatting issues

[Delphi123]

Dear friends:

Please see my table of discounts at:

http://www.immortalgems.com

(Scroll down to the bottom, where you will see a table of discounts).

I would be grateful for your help in configuring the table. I would like to be able to:

1) make the text perfectly symmetrical in all four columns.

2) make the four columns perfectly symmetrical by indicating their precise proportion, that is, 25% of the 100% of the table.

3) add cellspacing or is it cellpadding to make the text move a bit from the edge of the divider in each of the four cells.

Your help would be much appreciated.

Thank you so much.

Benjamin

[rockboy]

You can make the text more evenly spaced top to bottom by adding rows so that the sections (title, body text, bottom text) are in individual rows instead of just one row for the entire table.

Make the table columns the same by putting equal widths (width="25%" ) in each td tag in the first row.

Additional cellpadding will make more blank space around the text.

[Delphi123]

Dear rockboy:

Thanks so much, as always, for coming to my rescue.

I've implemented some of your suggestions but failed with others:

1) I still can't figure out how to align the text at the top of each of the four columns. I tried to modify the code but failed.

2) I tried to add the width="25%" in the td cell code of each cell but failed. I added it to the code of each cell, but Dreamweaver highlighted the "width=25%" code and put it in the design HTML page and the cells remained irregular.

Would appreciate your kind help to resolve the existing issues.

Thank you.

Benjamin

[Ned Seagoon]

Hi Benjamin

A suggestion is to put in some blank lines.

eg <p> will put in paragraph spacing.
<br> will put in a line break.

If you need several strung together put in a space marker between them thus:-
<p>&nbsp;<p>&nbsp;<p>

A bit of trial and error to get it right,

Good luck.

[Delphi123]

Dear Ned:

Thanks so much for your advice.

My first problem, I think, is formatting the four cells so that they are of precisely the same width. I tried to add width="25%" in each cell but failed. How can I add this code correctly so that the four columns are divided correctly and evenly?

Thank you.

Benjamin

[rockboy]

You can align the text of all td cells in any row by changing <tr> to this...
<tr valign="top">

To make the cell widths equal change all the <td> tags in the top row to this...
<td width="25%">
If Dreamweaver won't let you make these changes I don't know what to do. Maybe try making the changes in Notepad and see if DW will leave it when you're done.

[Delphi123]

Dear rockboy:

Problem solved!

Thanks so very much! Thanks to your advice, I was able to make all the cells symmetrical and consistent. Please take a look. It really looks great!

Benjamin

[rockboy]

You're welcome. Thanks for letting us know it works ok. :wave: