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 14 of 14
  1. #1
    Regular Coder
    Join Date
    Dec 2002
    Location
    Ontario, Canada
    Posts
    183
    Thanks
    0
    Thanked 1 Time in 1 Post

    Question box around transparent image

    I didn't think this would be a problem but my client doesn't like it.

    Anyway I have transparent gif images that i'm using to link to different pages, no biggie.

    There is however a very small box that appears around the image when it's selected. If your not sure what I'm talking about just click on any image inside this forum that links somewhere and you will see the box too. Also if you reply to this thread you can select the radio buttons for the Message icon and you will see the same sort of box.

    Now I don't think that it's possible to get rid of it but I had to ask.

    Any help would be great
    if ( atfirst != succeed)
    tryagain();

  • #2
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    From what I know of, it is quite possible to get rid of it (someone else will have to post with the code, I'm unaware of it)... however, I know you will get many complaints, and rightly so. That box is used for accessibility - to visually prove there is a link. It is needed.

    Whoops, I found the link to previous discussions, with the fix, and the argumentative complaints:
    Removing the dotted square IE inserts around an image link when clicked
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #3
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    And really pay attention to the arguments.
    Those dotted lines are important, and you should explain this to your client, he should be trusting your opinion as a developer.

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.

  • #4
    Regular Coder
    Join Date
    Dec 2002
    Location
    Ontario, Canada
    Posts
    183
    Thanks
    0
    Thanked 1 Time in 1 Post
    Thanks for the quick response.

    As for the arguments, I know. But some people have an idea of how they want it to work and how many people have clients that listen to everything that they say.

    However to make everybody happy. I did a little research and discovered that I could use fireworks to create a hotspot around the object which created a map. Now instead of showing the box it shows a black line around the part of the image that i want. I needed to put the usemap in the img tag and include the map in the htm

    But it works, well enough
    if ( atfirst != succeed)
    tryagain();

  • #5
    New Coder
    Join Date
    Sep 2003
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Add this-

    Code:
    onFocus="this.blur();"
    to your <a> tags.
    http://www.dotdragnet.com
    http://www.kevinleitch.co.uk

  • #6
    Registered User
    Join Date
    Apr 2003
    Location
    Murmansk, Arctic
    Posts
    84
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Kev@DDN
    Add this-
    Code:
    onFocus="this.blur();"
    to your <a> tags.
    No. Don't do that.

  • #7
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    If you do that, you entirely destroy the possibilities for keyboard navigation on your page, so I would strongly urge you to not do it. Instead, search these forums for posts containing some of the words "outline", "focus", "active" and "link". There's ways to remove that indicator without destroying keyboard navigation.

    However, if you remove the outline, you also remove the indicator telling the user what link he's focusing if he's using keyboard navigation, so I would avoid doing that, too.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #8
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Kev@DDN
    Add this-

    Code:
    onFocus="this.blur();"
    to your <a> tags.
    Read the thread I posted earlier, this was already discussed and suggested.
    http://www.codingforums.com/showthr...age+link+remove
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #9
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by liorean
    However, if you remove the outline, you also remove the indicator telling the user what link he's focusing if he's using keyboard navigation, so I would avoid doing that, too.
    I was under the impresson that no browser supported outline customizing yet.

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.

  • #10
    New Coder
    Join Date
    Sep 2003
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No. Don't do that.
    How helpful
    http://www.dotdragnet.com
    http://www.kevinleitch.co.uk

  • #11
    New Coder
    Join Date
    Sep 2003
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by liorean
    If you do that, you entirely destroy the possibilities for keyboard navigation on your page, so I would strongly urge you to not do it. Instead, search these forums for posts containing some of the words "outline", "focus", "active" and "link". There's ways to remove that indicator without destroying keyboard navigation.

    However, if you remove the outline, you also remove the indicator telling the user what link he's focusing if he's using keyboard navigation, so I would avoid doing that, too.
    Very good point and a good explanation of why I was wrong. Accessibility is something I'm still learning and I was totally wrong on this point.
    http://www.dotdragnet.com
    http://www.kevinleitch.co.uk

  • #12
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    Yikes! That's the second person that tells me I've made a good response today...
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #13
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by liorean
    Yikes! That's the second person that tells me I've made a good response today...
    You've made a good response today.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #14
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    Now, now, don't spoil me...


  •  

    Posting Permissions

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