Have a problem with my Site Seal overlapping on images

Hi Guys,

I have just installed a website seal onto my zen cart that I obtained from the add-on section. However, I am having a problem where the seal is going under images on my website. Note: See screenshot.

How do you suggest I get around this, it only appears to be on thumbnails as text is fine!

Look forward to any help!

View the problem in action at http://shopping.franktonmodels.co.nz

In the css for this you have "#cot_t1_fixed" add a z-index to this to place it on top
http://www.w3schools.com/cssref/pr_pos_z-index.asp

kobra:

In the css for this you have "#cot_t1_fixed" add a z-index to this to place it on top
http://www.w3schools.com/cssref/pr_pos_z-index.asp

Hi, Thanks for that, I see what you are trying to say. I tryed incorporating it into the css, but didnt really know where I was suppost to put the z-index. Here is the code for the seal.

var cot_tl_bodyCSS='* html {background: fixed;background-repeat: repeat;background-position: right bottom;}';
var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'_position:absolute;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'bottom:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'right:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0 100 85 0);';
var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
var cot_tl_popCSS='#cot_tl_pop {background-color: transparent;';
var cot_tl_popCSS=cot_tl_popCSS+'position:fixed;';
var cot_tl_popCSS=cot_tl_popCSS+'_position:absolute;';
var cot_tl_popCSS=cot_tl_popCSS+'height:194px;';
var cot_tl_popCSS=cot_tl_popCSS+'width: 244px;';
var cot_tl_popCSS=cot_tl_popCSS+'right: 120px;';
var cot_tl_popCSS=cot_tl_popCSS+'bottom: 20px;';
var cot_tl_popCSS=cot_tl_popCSS+'overflow: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'visibility: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'z-index: 100;';
var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;

I see it does have a z-index already in the code, I tryed the value at 10000 and nothing changed either.

Any Ideas?

Neither mind I sussed it!!

Thank you for sticking me on the right track!!

Do you mind posting what your final solution was for others finding this thread

kobra:

Do you mind posting what your final solution was for others finding this thread

Here is the version with the added z-index

var cot_tl_bodyCSS='* html {background: fixed;background-repeat: repeat;background-position: right bottom;}';
var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'_position:absolute;z-index: 1000;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'bottom:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'right:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0 100 85 0);';
var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
var cot_tl_popCSS='#cot_tl_pop {background-color: transparent;';
var cot_tl_popCSS=cot_tl_popCSS+'position:fixed;';
var cot_tl_popCSS=cot_tl_popCSS+'_position:absolute;';
var cot_tl_popCSS=cot_tl_popCSS+'height:194px;';
var cot_tl_popCSS=cot_tl_popCSS+'width: 244px;';
var cot_tl_popCSS=cot_tl_popCSS+'right: 120px;';
var cot_tl_popCSS=cot_tl_popCSS+'bottom: 20px;';
var cot_tl_popCSS=cot_tl_popCSS+'overflow: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'visibility: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'z-index: 100;';
var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;

I see it does have a z-index already in the code, I tryed the value at 10000 and nothing changed either.

Here is the version with the added z-index
So you did - or - - did not initially have z-index???

kobra:

So you did - or - - did not initially have z-index???

The code in bold is the bit I have added to the script to make it work for me. Everything else is original.

Thank you for posting