Question

Hello, I was wondering if someone could help me with figuring out how to add a "floating" image, if that's what it's even called

An example of what I want can be found on www.namecheap.com

You will notice how on the top right corner, they have there different offers displaying.

I would like to add something like that to my site, but not sure of what kind of html, javascript, or even php to use.

Also, it doesn't have to rotate like theirs does, it can just be static.

Hope someone can help me on this!

Thanks.

 

It uses javascript to do that. You can find a generator for a similar concept at quickribbon.com.

 

Thanks

I also looked at the script it uses, now I know how to do one.

 

It uses Javascript to rotate the images, however the displaying of the image will always be done with HTML/CSS

Here's a code that should work for you:

<div id="cornerad"><a href="link"><img src="adimage" alt="adDescription" /></a></div>

and use this CSS:

#cornerad{
position: absolute;
top: 0;
right: 0;
border: 0;
}

#cornerad a, #cornerad img{ border: 0; }

Code (markup):

The latter is to make sure that the browser doesn't draw a default link border around the image.

If this doesn't work, let me know as I didn't test it, and it's been a long time since I've made a corner ad like that.