Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jun 2002
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hotspots - again! (new forum)

    Thanks to the guys who replied on the old forum, I'll re-explain for those who didn't see it.

    I'm creating hotspot links for a web page. Problem is, when you click a link, it outlines the area of the hotspot. This makes the page look terrible. I've noticed that this only happens on some versions of IE. Someone gave me a bit of code with a focus setting. I tried this, but on the machine I was using, it had no effect. The hotspot remained outlined after clicking.

    Any ideas?

  • #2
    Regular Coder Feyd's Avatar
    Join Date
    May 2002
    Location
    Los Angeles, CA Maxim: Subvert Society
    Posts
    403
    Thanks
    0
    Thanked 0 Times in 0 Posts
    use onfocus="this.blur();"

    example:

    Code:
    <map>
    <area href="blah" coords="0,10,10,0" onfocus="this.blur();">
    </map>
    Moderator, Perl/CGI Forum
    shadowstorm.net - subvert society

  • #3
    Regular Coder
    Join Date
    May 2002
    Location
    Helsinki, Finland
    Posts
    231
    Thanks
    0
    Thanked 1 Time in 1 Post
    Hi Lindaven,

    you should remember that outlining of a link is very useful for people and devices which aren't using mouse. They probably focus between links with a navigation button (e.g tabulator). With disabled outlining, these users can't see where are they currently focusing on.

    Also pay attention on accesskey -attribute which enhances usability of keyboards/-pads.
    Zvona
    First Aid for
    Web Design

  • #4
    New Coder
    Join Date
    Jun 2002
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ah, yes.... good point. I hadn't thought of that. However, in this instance I'm going to choose to ignore that since I still think it spoils the appearance and the visitors to this site are likely to be standard IE or Netscape browsers.

    Thanks also for the tag quoted. I tried this last night and found it made no difference (IE6). However, I did notice that when I viewed the page under IE5 today, the outline didn't happen anyway! So now I'm just confused totally!


  • #5
    New Coder
    Join Date
    Jun 2002
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, firstly, I'd like to thank those who replied about the OnFocus="this.blur();" fix. I re-did it when I'd had a sleep, and obviously did it properly since it all works fine now!

    Now, I've found a new problem. I've made my page look just fine at 1024x768 and it works a treat. However, reduce the resolution to 800x600, and the layer I have my hotspots on suddenly shifts about 50 pixels to the right.

    Why has it done this, and how do I fix it?

    Thanks in anticipation,

    Eddie.


  •  

    Posting Permissions

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