Results 1 to 2 of 2

Thread: [RESOLVED] use CSS to draw a clickable semicircle

  1. #1
    Join Date
    Sep 2012

    resolved [RESOLVED] use CSS to draw a clickable semicircle

    I can use css to draw a semicircle like:

    .circle {
        background: none repeat scroll 0 0 #CB1D1E;
        border-radius: 0px 0px 70px 70px;
        height: 70px;
        margin: 15px 0 0 20px;
        width: 140px;
    and of course I am able to add a link for it to make it be clickable.

    <a href="1111.html"> but I just want only the semicircle be clickable, but not a rectangle! I found some white space around the semicircle could be also clickable, which is not what I want!...

  2. #2
    Join Date
    May 2005
    Gold Coast (MS)
    The clickable area will always be the width/height you have set. Maybe try using an image map which allows you to set the coordinates for the clickable area.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center