li sorrounding is also clickable..

[tirengarfio]

Hi!

I have this site:

http://www.estebancortijo.com/

As you see there is a tile with circles. This circles are clickable, but the li’s around them are also clickable..why?
I just want the circles to be clickable

[Paulie_D]

Not much you can do as I recall.

All elements are rectangular, you can fake a circle using border-radius but it will still be a rectangle.

I seem to recall there **may** be a way but I’m struggling to find it.

[Kitty Giraudel]

> As you see there is a tile with circles. This circles are clickable, but the li’s around them are also clickable..why? I just want the circles to be clickable

Because you are not using border-radius but circle images. Basically, this is your image (graphic layer) which is rounded instead of your element.

Try a normal image with border-radius: 50%. It should give you what you’re looking for.

Edit: however Chrome has some problem with this. You can’t do much about it. But it will work for other browsers.

[Author]

Posts