On Jul 24, 10:49*am, "Steve Grosz" <boise_bo...@hotmail.com> wrote:
> I am working with someone elses table and code, but here goes.
>
> There is a page athttp://www.scootervilleusa.com/scooters/lp_scoot ers.cfm?PID=48that shows
> all the colors available for the product.
>
> If you go to the main product line (click on the word LP for example, use
> the checkboxes and select 2 items, and at the bottom of the screen click
> 'compare') you'll see the colors available for each product.
>
> Why are the color boxes aligned differently in the compare screen? *They're
> higher towards the top of the table where as they aren't on the normal
> product page......
>
> Why??

looks like your CSS! On the page that works correctly I see that you
gave the table a id of "id="prodTable" and inside the "<td>" tag where
the colors are there is a "<div>" tag with the id of
"id="ColorTGB"... Now on the page where the colors are showing up
incorrectly the table has no id attribute nor does the "<div>" tag
inside the "<td>" where the colors are. If you just add those id
attributes to the compare page on the table and div tags it will show
up correctly. Below is the code ( i only put the respective parts of
the table on here )

<table width="80%" border="1" id="prodTable">

<td width="35%">
<div id="ColorTGB">

<img src="images/prod_colors/r1.gif">

<img src="images/prod_colors/c1.gif">

<img src="images/prod_colors/b0.gif">

<img src="images/prod_colors/ch2.gif">
<img src="images/prod_colors/s1.gif">
</div>
</td>
<td width="35%">
<div id="ColorTGB">

<img src="images/prod_colors/w1.gif">

<img src="images/prod_colors/r1.gif">

<img src="images/prod_colors/b1.gif">

<img src="images/prod_colors/o1.gif">

<img src="images/prod_colors/s1.gif">

<img src="images/prod_colors/b0.gif">


</div>
</td>


</table>