[SOLVED] HOWTO make a link inside a css file

[rh-penguin]

hi,

 

Can someone please tell me howto link a image(inserted within css) to some location? (ex. I press over an image and it takes me to index.php)

 

Thanks

[marmite]

You want to use a CSS image as a link?

 

I believe you'd still need to use <a href within the code. CSS images are like html wallpaper - you can't click on them.

 

The following article talks about css rollovers and as you can see, you refer to the CSS in a div, but still need the <a href to actually make the link.

 

http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml

 

 

[rh-penguin]

  Quote

you refer to the CSS in a div, but still need the <a href to actually make the link.

I've did that but something dont seem to work right.

Okay.....

I've got a header.php. Inside theres a logo and a few other things(login, register LINKS etc.....).

My css for the logo is as following:

#logo {
background-image:url(images/logo.png);
width: 151px; 
height: 65px;
margin-top: 18px;
margin-left: 35px;
}

and then i display it with HTML like:

<a href="index.php"><div id="logo"></div></a>

I've specifid the width and height of the logo(as you can see) BUT when i go to view this in a browser and if i hover over the logo, instead of making ONLY the logo a link, the div take all the space to the right. So instead of the width being 151px(for the link) it makes it something like 800px.

Have i done something wrong?

I hope i didnt confuse you, i was getting confused my self.....

[brown2005]

not on mine.. what code u got around the <a>

[ToonMariner]

a has to have display: block adn correct height and width.

[rh-penguin]

what do you mean by a? you talking about a href(the link)? The image is already inserted inside css(background-image:images/bg.ong;)

[ToonMariner]

yes i mean the href

 

the <a> tag has to have display:block; too...

[rh-penguin]

ok, its working as i want now.

 

Thanks!