Limiting the size of a div hyperlink

[Wymer]

Hi,
I’ve created a small way to to show things on my portfolio, using a “pie chart” created in CSS by hiding corners and rounding them to make rounded triangles.

Each section of the pie chart I am wanting to be a hyperlink to somewhere else, but the problem is that the hyperlink extends over to the portions that are transparent, I’ve tried limiting the “a” tags to a width and height (just to see what would happen), it made no difference.

code pen: http://codepen.io/Wymer/pen/BJCHu

At the moment only the yellow is set as a hyperlink, but if you mouse-over you can see the whole thing is a hyperlink, not just the yellow section.

[Paulie_D]

Border-radius is an illusion, the element is still a rectangle.

Perhaps with a set of overlaid divs (with a rotate transform) and z-index?

[Wymer]

I didn’t think of doing overlays to fit them for links. Thanks.

Now just a solution on how to add “a:hovers” so people can read the categories..

[Author]

Posts