I have an image (Bulgarian flag) with a hyperlink, but hyperlink is active for only part of the picture.
http://trumpet-sz.blogspot.bg/2016/1...h-edition.html
Can you fix the code, please? :o
Printable View
I have an image (Bulgarian flag) with a hyperlink, but hyperlink is active for only part of the picture.
http://trumpet-sz.blogspot.bg/2016/1...h-edition.html
Can you fix the code, please? :o
That's due to z-index stacking (because both the image and the element covering it are position relative). The h3 element has a higher default z-index because it comes later in the markup and even though you can see through it to the image, you can't click through it. You can lower its z-index that by making the h3 position static. Or raise the image's z-index by setting its z-index explicitly, to say 10. Put this in a stylesheet for the page:
a img {z-index: 10;}
That solved the problem! Thanks!:o