Crafty Live Help static link image

[DML73]

How would it be posible to make the image link for Crafty Live Help static? I would like to have the link stay in one corner of the site even if the user scrolls the page.

I tried modifying
/www/www/includes/templates/classic/common/tpl_main_page.php, add a link and call a java script, but it didnt work well, I got script error (I dont have much experience with Java).

Does anybody have a ready made script or can help in any other way? Any help is much appreciated, thanks.

[Absolute]

There are a number of ways to do this. The easiest is to create a new div within your includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php, with something like:

<div id="bottomRight"><ahref="#"><img="link to image" alt="Crafty" /></a></div>

Then add the follwing code to the bottom of your stylesheet:

#bottomRight {
position: absolute;
right:0px;
left:0px;
}

That should do it. Just make sure teh div you add is the very last thing before the </body> tag, otehrwise it may position absolutely within another object.

Absolute

[DML73]

There are a number of ways to do this. The easiest is to create a new div within your includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php, with something like:

<div id="bottomRight"><ahref="#"><img="link to image" alt="Crafty" /></a></div>

Then add the follwing code to the bottom of your stylesheet:

#bottomRight {
position: absolute;
right:0px;
left:0px;
}

That should do it. Just make sure teh div you add is the very last thing before the </body> tag, otehrwise it may position absolutely within another object.

Absolute

Thanks a lot for the hint, however what I ment was that I would like the image to appear in the corner at the same place regardless of what screen size the user have. I tried the solution you suggested, with below modifications:

#livehelp {
position: absolute;
right:272px;
bottom: 775px
}


but when I re-size the browser window the image moves around and even becomes invissible when the window is smaller than where the image is placed. Is there a way to make the image stay in the same spot regardless of the size of the browser window?

[Absolute]

If you want the image in the lower right corner, you need to set it to bottom: 0px; right: 0px;

If you want it in the bottom left, replae right:0px with left: 0px;

MAKE SURE it is the very last DIV before the </body> tag!

Take a look at this site where I have done exactly that with a COMODO seal.

Absolute

[DML73]

If you want the image in the lower right corner, you need to set it to bottom: 0px; right: 0px;

If you want it in the bottom left, replae right:0px with left: 0px;

MAKE SURE it is the very last DIV before the </body> tag!

Take a look at this site where I have done exactly that with a COMODO seal.

Absolute

Ok, thanks. I changed it to botton 0px and right 0px and now it does stay in the same positon when I re-size the browser window. However when I scroll the page the image moves up and down, what I wanted to do is, like on your site, where the image is in the same position even when the user scrolls the page. Am I correct that your Comodo seal is controlled by a Java Script?

[Absolute]

Can you post a link to your site? The Comodo has java within it, but the position is 100% CSS controlled

Absolute