Target for my css rollover image

Pardon? You apply CSS rollover/sprites to existing links.

oh gosh, bit confused….i followed this guide…and created one…

https://www.webvamp.co.uk/blog/coding/css-image-rollovers/

I’m still not following you. The HTML markup contains the link. The CSS sprite is added as a background image and then the link text moved off the page.

ah ok, i didnt have any text there to start with…
when i put the following into my website, it creates a rollover over button using a double image, however the button if clicked takes me to the same page and i want it to take me to another page in my website.

so my HTML is

<span class=”displace”>test-animals.png</span>

and my CSS is

a.rollover {
display: block;
width: 90px;
height: 45px;
text-decoration: none;
background: url(images/test-animals.png);
}

a.rollover:hover {
background-position: -90px 0;
}

.displace {
position: absolute;
left: -5000px;
}

thanks

however the button if clicked takes me to the same page and i want it to take me to another page in my website.

Then you need to change the link url in your HTML markup.

hmm I don’t know how to….I know sounds really silly! sorry!

ah its ok i found it, thanks for your help. again! ??