Skip navigation
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!

 
Replies
  • Currently Being Moderated
    Mar 5, 2012 10:40 AM   in reply to AlieneGirl

    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:
  • Currently Being Moderated
    Mar 7, 2012 8:17 AM   in reply to AlieneGirl

    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:

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