How Can I control Table Column Widths?

[mike177]

Hello,
Ok, I must be missing something really obvious....

how can I control the width of the columns in the tables that are in my articles?

For example,
http://blog.homeprodigy.com/home-prodig ... creek.html
then look for the 3 tables starting with "Nearby Zip Code Census and Crime".

Any thoughts on how to make the columns line up?

Thanks,
Mike

[GeoUK]

Your maths in working out the table widths is wrong and the columns are showing up as defined in the source HTML. You also have extra HTML tags in the cells that you don't need.

The first table (Community Summary) is defined as

Code: Select all

<table style="height: 596px;" border="1" cellpadding="0" cellspacing="0" width="593">
<tbody>
<tr>
<td valign="top" width="229">
<p><strong><span style="text-decoration: underline;">Community Summary</span></strong><strong><span style="text-decoration: underline;"></span></strong></p>
</td>
<td valign="top" width="178">
<p><strong>75228, TX</strong></p>
</td>
<td valign="top" width="178">
<p><strong>DALLAS, TX</strong></p>
</td>

</tr>

Width 593
Column widths 229 + 178 + 178 = 585

Notice that columns two and three are the same width 178.

In the next table (Highest Level Attained)

Code: Select all

<table style="height: 218px;" border="1" cellpadding="0" cellspacing="0" width="591">
<tbody>
<tr>
<td valign="top" width="235">
<p><strong><span style="text-decoration: underline;">Highest   Level Attained</span></strong><strong><span style="text-decoration: underline;"> </span></strong><span style="text-decoration: underline;"></span></p>
</td>
<td valign="top" width="180">
<p><strong>75228, TX</strong></p>

</td>
<td valign="top" width="158">
<p><strong>DALLAS, TX</strong></p>
</td>
</tr>

Width 591
Column widths 235 + 180 + 158 = 573

Notice that column two and three are different sizes and don't match column two and three of the previous table.

To get the columns to line up you will need to define them the exact same way.

[mike177]

Thanks for the reply.

Perhaps I should state the issue this way. I am using JCE as my editor and there does not seem to be any way to edit the column width. I can edit the table's row height and I can edit the entire tables size, but there does not seem to be anyway to control the individual column widths from within the WYSIWYG editor.

Any directions / help on what I am over looking would be much appreciated.

Regards,
Mike

[GeoUK]

In JCE you can use 'Table Cell Properties' to set the width of the top cell in the column. This then cascades through the table.

[acav802]

This was very helpful info, but I am wondering if there is a way in JCE or other editor to click & drag to adjust td width e.g. how you can in Dreamweaver?
Thanks!

[gilles007]

@GeoUK,
old post but helped me nonetheless.
Thanks
G

[Mzlaki]

In JCE you can use 'Table Cell Properties' to set the width of the top cell in the column. This then cascades through the table.

Thank you!!!