CODEWITHSUNDEEP
cssimagehyperlink
some1
some1

Reputation: 1737

Link clickable area larger than its image?

I have searched for quite a bit and tried lots of stuff to fix this issue, including hiding the overflow in css.

I have an image that is linked to a video, for which the clickable area overextends the image, but only on the right side.

Relevant class: .overflow a (this was added as an attempt to fix from another answer)

Why is this clickable area so large, and how do I make it the same size as the image it encapsulates?

Firebug doesn't show anything out of the ordinary..

Upvotes: 2

Views: 1678

Answers (2)

GSaunders
GSaunders

Reputation: 548

Your image is displayed as block, so it takes up the full width of the parent. You'r solution would be this.

.overflow img {
  display: inline-block;
}

Upvotes: 2

Anonymous
Anonymous

Reputation: 10216

Try adding below CSS code:

.overflow {
    display: inline-block;
}

Upvotes: 2

Related Questions