Using BTO - How to style "More Details" table (onMouseOver)

Print Page | Close Window

How to style "More Details" table (onMouseOver)

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart Build To Order
Forum Name: Using BTO
Forum Description: Exchange message with other users of ProductCart Build To Order
URL: https://forum.productcart.com/forum_posts.asp?TID=3912
Printed Date: 21-November-2024 at 7:34pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: How to style "More Details" table (onMouseOver)

Posted By: alexL-icc
Subject: How to style "More Details" table (onMouseOver)
Date Posted: 10-August-2010 at 3:13pm

Hi all,

I have a problem with the table that displays after you hover the mouse cursor over the "More Details" button in the BTO configurator. The table inherits styles from one of my non-ProductCart stylesheets and I don't know how to check the CSS class name of the "More Details" table that pops up on onMouseOver (so I can override the default table width). You can see the problem in action here:

http://www.icc-usa.com/store/pc/configurePrd.asp?idproduct=3224

Does anyone know how to access that pop-up table's CSS (i.e. does it have a class of its own?)?

-------------
Alex L.

Replies:

Posted By: Greg Dinger
Date Posted: 10-August-2010 at 3:20pm

The files to look at are:

ei-tooltip.css

ei-tooltip.js

You have a z-index problem. Your outer border is defined at a level higher than the AJAX product preview.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: alexL-icc
Date Posted: 13-August-2010 at 2:47pm

Greg, thanks once again for the reply.

I've tried many combinations of z-index on the CSS page, but the problem still persists. In fact, when I delete all of the code in e-tooltip.css (including the z-index values), the table is still too wide for the image. Or, if I add z-index values of 102 to every single class on that page, it still doesn't fix the problem. I couldn't find any references to z-indexes in the JavaScript file, so I've run out of ideas about how to fix this.

Any advice? Thanks in advance.

-------------
Alex L.