Adding a hyperlink to object data image

Question

I am having problems with adding a hyperlink to my image. It is a SVG image which is an object data. I seem to have trouble with getting the hyperlink to work. Am i doing it wrong?

<div id="logo" class="grid_4">

<object data="img/flogo.svg" type="image/svg+xml" class="logo">
<!--[if lte IE 8 ]-->
<img src="img/flogo.gif" alt="F-Sharp Media Logo">
<!--![endif]-->
</object>
</div>

score 0 · Answer 1 · edited May 23 '17 at 11:58

From Here and Here..

CSS:

a.svg {
  position: relative;
  display: inline-block; 
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}

HTML:

<a href="#" class="svg">
    <object data="img/flogo.svg" type="image/svg+xml" class="logo">
        <!--[if lte IE 8 ]-->
        <img src="img/flogo.gif" alt="F-Sharp Media Logo">
        <!--![endif]-->
    </object>
</a>

Adding a hyperlink to object data image

1 Answers1