Skip navigation
AlieneGirl
AlieneGirl
Currently Being Moderated

How do I remove the funky border around the hotspot in my image?

Mar 2, 2012 10:14 AM

Tags: #cs3 #border #fireworks #hotspot

I used Fireworks CS3 to create links within my .png image.  Once you click on the link, a grey border outlines the hotspot area.  I really don't want to see that border!  Please take a look at the image here.  This is already up on our facebook fan page so I'm hoping to resolve this quickly.  Thanks in advance!

1417 Views   3 Replies   Latest reply: abeall, Mar 7, 2012 8:17 AM
 
Replies
  • abeall
    Currently Being Moderated
    1. abeall,
    Mar 5, 2012 10:40 AM   in reply to AlieneGirl
    Report

    It sounds like you are describing the focus outline that browsers apply to links, but I wasn't able to get any browser to display a focus outline for image map hotspots. At any rate, you can try adding this to your HTML just above the closing </head> tag:

     

    <style> area { outline:none; } </style>

     

    That should hide the outline!

     

    Aaron

    http://fireworks.abeall.com

     
    |
    Mark as:
  • AlieneGirl
    Currently Being Moderated
    2. AlieneGirl,
    Mar 6, 2012 7:18 PM   in reply to abeall
    Report

    Thanks Abeall!

    Is there another way to remove the border?  I'm only seeing it in Google Chrome and I'm using it for a Facebook landing/welcome page.  Due to this I can't add a style tag to the app.  Is there a workaround?

     
    |
    Mark as:
  • abeall
    Currently Being Moderated
    3. abeall,
    Mar 7, 2012 8:17 AM   in reply to AlieneGirl
    Report

    I'm not familiar with building Facebook landing pages but if you can't use a <style> tag you can hopefully use inline styles. For example: <area style="outline:none;"

     

    You might try putting it on the <img> and <map> tags as well. Hopefully that does the trick!

     

    Aaron

    http://fireworks.abeall.com

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points