Support Forums

Full Version: Image ontop of Image?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
ive basically put an image as the background but it ties in wityh the links, i need to put text images onto the the background so it acts as my links, any help? cheers.
So you want your background images to be Links? Have you tried Css?

Start with just a link exactly as you would make it for any other purpose, and make sure to give the link an id so that we can use that to apply our styles:

Code:
<a href="http://xavisys.com" title="Site" id="image">Link</a>

So, how can we make a background image a clickable link? It turns out it can be done with a clever CSS trick. Let’s get started by adding the background image and make the link the same size as the image (so you can see the whole image). Since an anchor tag isn’t a block level element, we need to force it to display as “block” so that we can specify the size:


Code:
#xavisys-logo {
    background-image:url(/wp-content/uploads/2009/11/email_logo.gif);
    display:block;
    height:58px;
    width:200px;
}

^Set that as your CSS

hope it helps.
Can I ask what would be the point in this?
Just set the image as the background.
He wants the Background Images as links. That's his point. Well art least I think it is.