Issues with an image link

Posted by user1462362 on Stack Overflow See other posts from Stack Overflow or by user1462362
Published on 2012-06-17T21:14:00Z Indexed on 2012/06/17 21:16 UTC
Read the original article Hit count: 139

Filed under:
|
|
|

Two days ago I spontaneously bought myself a domain. The day before that, I hardly even knew what a domain really was. Since then, I've been trying to teach myself HTML for the very first time. Basically what I'm trying to say is, I'm very new - and will probably be poor in my explanations.

I just succeeded in making an 'image-button', sorta. It's where I make a button-like image and then use it as navigation on my website (just like a regular link). My issue is that the link 'border' itself is bigger than the image, so you can press an inch outside the image itself and it will work. How do I make the invisible link 'border' the same size as the button?

This is my site: http://www.djeveln.com

On the test page (djeveln.com/test) is where I test things. There's the button I'm talking about, in case you can't understand my explanation very well.

Here's my HTML:

Here is the CSS I use for the image position and size: img.TestButton { /* Dette linker til selve størrelsen av knappen (bildet)*/ position: absolute; width: 100px; height: 75px; top: 400px; right: 250px; }

Hope you can help me! :P

© Stack Overflow or respective owner

Related posts about html

Related posts about css