Insert a floating image

[hups]

Hello all

Can someone please explain how and what code to use to insert a floating image to my website? I want the image to be displaye dteh bottom right of the site and to be visible at all times on all pages so I guess it is a floating image.
Also what template file to use please.

Thanks in advance

[NeilD]

Try adding this to the CSS of the div tag the image is in.

#yourdiv {
bottom: 0;
height: 50px;
position: fixed;
right: 0;
width: 50px;
z-index: 1000;
}

[hups]

Hello

Thanks for your email.

That did not work fo rme. Could not even get the image to display anywhere so not sure what I'm doing wrong.

This is the css i used

#floatimg { 
float: right;
bottom: 0;
height: 85px;
position: fixed;
right: 0;
width: 100px;
z-index: 1000
}

and here is the div tag i created

But could not even getthe image to display. Where in header.tpl, footer.tpl etc should i insert this code?

Thanks

[NeilD]

your CSS and HTML tags arn't quite right.

If you use the #floating tag in the CSS then you must use id="floating" in the HTML part instead of class="floating"


I just looked at your site, you have the image in the right place sort of but you havent put it into a DIV tag replace



with

and it should work

[sickshot]

great job NeilD worked just fine for me...ve'been lookin this kind of code for a long time...thank U

[NeilD]

No problem mate

[bromesi86]

this is a good idea. I thought of trying this out myself. Thanks to this forum, it gives out some helpful tips and ideas.
_______