why does a box show up around my clicked links?

Discussion in 'CSS' started by tarponkeith, Dec 11, 2008.

  1. #1
    When I click one of the header links on this site:
    http://tinyurl.com/

    a box appears around the link, then the new pages loads, and if you hit back the box is still there...

    I figure it has to be something to do with css, haha...

    Thanks to anyone that can figure this out...

    here's a screenshot clip of the box around the header link...
    [​IMG]

    it expands all the way to the left of the screen, even on top of my logo! haha...




    nevermind
    A buddy showed me how...
    he gave me this code for your stylesheet:

    a{user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none;}
    Code (markup):
     
    tarponkeith, Dec 11, 2008 IP
  2. cheapez

    cheapez Active Member

    Messages:
    1,123
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #2
    You will see that box around an image link, only in firefox but not IE.
    That is a great fix, it looks ugly with the box around.
     
    cheapez, Dec 11, 2008 IP
  3. cheapez

    cheapez Active Member

    Messages:
    1,123
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #3
    You only need to add this, and it will do the job:
    a:focus { outline: none; }

    but what the -moz-outline: none for? I want to know.
     
    cheapez, Dec 11, 2008 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Firefox, Opera and Webkit do things properly. In this case, the -moz- indicates the implementation is not a part of the standards. Prior to FF2, I believe, Mozilla was hesitant to finalize their implementation of the outline property due to vagueness in the specs. (There is still discussion on this property's rendering.)

    Another example is -moz-columns. Mozilla properly uses the proprietary prefix for this property since it is in css3's working draft, and not yet adopted.

    cheers,

    gary
     
    kk5st, Dec 11, 2008 IP
    tarponkeith likes this.
  5. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #5
    Tell your buddy there's no such thing as 'user-focus'.
     
    drhowarddrfine, Dec 11, 2008 IP