converting images and hyperlinks
Hi, I am struggling with converting hyperlinks into HTML that are located on top of the image (being a hyperlink in itself too). How can I solve this? Thanks in advance.
<a href="link address"><img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption></a>
Sorry This puts it on top and uses the figure element
<a href="link address">
<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
Last edited by jedaisoul; 07-31-2014 at 01:37 PM.
Reason: duplicate closing tag deleted
I think that the OP wanted something different from that. By my reading of it, the figure is intended to be a link separate from the image, i.e. two links not one. Is that correct? If so, I'm not sure that is possible, nor why you would want to do it anyway???
Also it won't work on IE8, so there is a legacy problem.
It was the best I could do
I'm no CSS positioning expert but perhaps this is what the OP wanted?
Feel free to rip me a new one on the code. However, it does work in IE8.
<span id="textlink"><a href="mytextlink.htm">Text link</a></span>
<a href="imagelink.htm"><img src="myimage.jpg" width="304" height="228" alt="my image" id="myimage"></a>
Although jedaisoul asks a legitimate question: "Why?" I can see issues with user confusion here.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread