Html Problem

the whole year inn

I am trying to put a link in this picture but every time I do the pictures move,I use the standard was of linking a picture.

<img style = "position:absolute; top:50px; left:600px;
width:100px; height:100px"
src = "intel.jpg">

I want to keep this loction and have a link in the picture any ideas?

James

Goodshape

A link in the picture? Are you talking about placing an <a> tag around it?

Have you got some CSS code for your 'a' tag that might be causing it to move?

Have you switched off borders for images links? (add border : 0px; to your CSS code for <img>)

Evil Phil

<snip> Goodshape seems to have beaten me to it.

And a link in the picture, do you mean the picture is a link or a section of the picture is a link. If the former just wrap the img tag in an anchor. e.g.

[HTML]<a href="http://www.awebsite.com/"><img src="intel.jpg"></a>[/HTML]

the whole year inn

Yes sorry the picture is a link,.I was meant to say the picture is a .gif that is hardly a problem.I am not entirely sure what you mean about adding border : 0px; to the css .I have changed it to

img {
border: 0px;
}

Any other ideas?

thanks
James

Goodshape

gob_smacked wrote:

I am not entirely sure what you mean about adding border : 0px; to the css .I have changed it to

img {
border: 0px;
}

Yes, that's what I meant. Just wanted to eliminate the possibility that an image border was causing the image to 'move' slightly. Unless otherwise stated (by 'border : 0px;'), adding a link to an image will add a 1px border around it.

Any other ideas?

I'd need to see more of your code. Post the full HTML and CSS of the page if you can.

the whole year inn

I have upload the project to this web site

http://www.sharebigfile.com/file/158316/project--pres-rar.htmle

Thanks for the help.

james