X-Cart forums - Adding a Table to A Category Description--Screws Up Page

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Adding a Table to A Category Description--Screws Up Page (https://forum.x-cart.com/showthread.php?t=23349)

Adding a Table to A Category Description--Screws Up Page

Hi,

I'm working on adding informative descriptions for each category of our site (we don't use subcategories, so the page will display the category description, with the products right below). I'd like to add some of the information into a table, but when I do that, the products shift to the right, overlapping the right side's information boxes, and obliterating most of the product overview from sight. Here's a shot of the problem:

http://www.moderncoinmart.com/images/mcm-table-description.jpg

This is what I put in the description box (the table is currently commented out so the site still functions properly):

Code:

First minted in 1986, American Gold Eagles feature Lady Liberty walking in front of the rays of a rising sun, with a torch in her right hand and an olive branch in her left.  Behind her is the United States Capitol Building.  Stars surround the periphery of the obverse. The design was originally used for the St. Gaudens $20 Double Eagle, minted from 1907-1933.



 The reverse of the American Gold Eagle, designed by Miley Busiek, shows a male Bald Eagle with an olive branch in its talons landing at its nest, which holds a female with her wing around her hatchlings.



Between 1986 and 1991, the date was written in Roman Numerals.  Beginning in 1992, the date began production in Arabic Numerals.



Each gold eagle is made of 22kt (.9167) fine gold, and the series comes in four denominations:



<table width="75%" align="left" border="1">

<tr>

<th></th>

<th>Diameter</th>

<th>Thickness</th>

<th>Weight</th>

</tr>

<tr>

<td>$5 (1/10 oz.) Gold Eagle</td>

<td>16.5mm (0.650 in.)</td>

<td>1.19mm (0.047 in.)</td>

<td>0.1091 Troy oz. (3.393 g, 0.120 oz.)</td>

</tr>

<tr>

<td>$10 (1/4 oz.) Gold Eagle</td>

<td>22mm (0.866 in.)</td>

<td>1.83mm (0.072 in.)</td>

<td>0.2727 Troy oz. (8.483 g, 0.299 oz.)</td>

</tr>

<tr>

<td>$25 (1/2 oz.) Gold Eagle</td>

<td>27mm (1.063 in.)</td>

<td>2.24mm (0.088 in.)</td>

<td>0.5454 Troy oz. (16.965 g, 0.598 oz.)</td>

</tr>

<tr>

<td>$50 (1 oz.) Gold Eagle</td>

<td>32.7mm (1.287 in.)</td>

<td>2.75mm (0.108 in.)</td>

<td>1.0909 Troy oz. (33.930 g, 1.197 oz.)</td>

</tr>

</table>





Gold eagles are manufactured as both business strikes (mint state) and proofs.

Is there something elsewhere that must be fixed so the table can stay? I'd much rather keep the table than make the details take lots of vertical space, with one information snippet on each line.

Thanks,

Jeremy

Put a
after the text description and remove the align=left from the table tag.

Hi,

The problem still occurs, and I've added a
before and after the table, and after the end of the last sentence... here's the code:

Code:

First minted in 1986, American Gold Eagles feature Lady Liberty walking in front of the rays of a rising sun, with a torch in her right hand and an olive branch in her left.  Behind her is the United States Capitol Building.  Stars surround the periphery of the obverse. The design was originally used for the St. Gaudens $20 Double Eagle, minted from 1907-1933.



 The reverse of the American Gold Eagle, designed by Miley Busiek, shows a male Bald Eagle with an olive branch in its talons landing at its nest, which holds a female with her wing around her hatchlings.



Between 1986 and 1991, the date was written in Roman Numerals.  Beginning in 1992, the date began production in Arabic Numerals.



Each gold eagle is made of 22kt (.9167) fine gold, and the series comes in four denominations:




<!---[*]$5 (1/10 oz.)[*]$10 (1/4 oz.)[*]$25 (1/2 oz.)[*]$50 (1 oz.)

--->





<table width="75%" align="left" border="1">

<tr>

<th></th>

<th>Diameter</th>

<th>Thickness</th>

<th>Weight</th>

</tr>

<tr>

<td>$5 (1/10 oz.) Gold Eagle</td>

<td>16.5mm (0.650 in.)</td>

<td>1.19mm (0.047 in.)</td>

<td>0.1091 Troy oz. (3.393 g, 0.120 oz.)</td>

</tr>

<tr>

<td>$10 (1/4 oz.) Gold Eagle</td>

<td>22mm (0.866 in.)</td>

<td>1.83mm (0.072 in.)</td>

<td>0.2727 Troy oz. (8.483 g, 0.299 oz.)</td>

</tr>

<tr>

<td>$25 (1/2 oz.) Gold Eagle</td>

<td>27mm (1.063 in.)</td>

<td>2.24mm (0.088 in.)</td>

<td>0.5454 Troy oz. (16.965 g, 0.598 oz.)</td>

</tr>

<tr>

<td>$50 (1 oz.) Gold Eagle</td>

<td>32.7mm (1.287 in.)</td>

<td>2.75mm (0.108 in.)</td>

<td>1.0909 Troy oz. (33.930 g, 1.197 oz.)</td>

</tr>

</table>






Gold eagles are manufactured as both business strikes (mint state) and proofs.

But you didn't remove the align=left

Whoops--I thought I took the align tag out, but it seems I didn't... now it's working, but there's a huge gap before the table begins... let me play...

Used the fix from here and the problem is fixed! :)