HomeTrouble ShootingPage EditorTable Widths

3.1. Table Widths

Problem Description:

The tables you have copied and pasted into the editor seem too wide and the information is not fitting within the page.

Solution:

The table you have pasted is using pixels to set the width, and all tables must utilize percentage to define their size.  

What is going on?  The tables of your information can be either a percentage with or pixels.  Currently your table is set to be pixels.. and is wider then the 550pixels available.  Simply convert the table back into percentage (100% is recommended).

How to Resolve?

In the editor right click on the table and go to TABLE PROPERTIES and modify this to 100%.

HTML Webmasters: Go to the HTML button and ensure width settings for the rows are also not in pixels.

 

For example:

<table width="100%" cellspacing="0" cellpadding="0" border="1">
    <tbody>
       <tr>
           <td width="223" valign="top">
           
<div><b>Includes:</b></div>
           </td>
            <td width="372" valign="top">
            <div><b>Amount:</b></div>
            </td>
        </tr>

 

needs to be

<table width="100%" cellspacing="0" cellpadding="0" border="1">
    <tbody>
        <tr>
            <td valign="top">
            <div><b>Includes:</b></div>
            </td>
            <td valign="top">
            <div><b>Amount:</b></div>
            </td>
        </tr> 

or changed to a percentage, so they aren't hardcoded to be x pixels wide but rather a % width.

The ability to convert from pixel width to percentage should be done in your original program, even Microsoft Word can do this.  Just right click on the table and change the width to percentages instead of pixels.


 

This page was: Helpful | Not Helpful

Copyright © - TownLife by Econolution Inc.