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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Link outlines in Firefox - won't disappear

    Hey All -

    First time posting here, so thanks in advance for your help and patience. I'm finishing up a site design and having some weird issues in Firefox. Usually it's IE or Safari that gives me problems, so I can't quite figure this out.

    http://www.magicmikela.com/home

    In firefox, there's a brown outline around all of the images that are links. I have "no borders" in several sections of my css.

    The CSS is here: http://magicmikela.com/wp-content/th...heme/style.css

    Any ideas? Thanks - I really appreciate the help!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello jacobreed,
    Add this to your CSS - #navbar img {border: none;}
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks! That fixed it in the navbar, and adding similar css for the images elsewhere fixed everything else. Weird that it would happen in Firefox and not Safari, but there ya go.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Quote Originally Posted by jacobreed View Post
    Thanks! That fixed it in the navbar, and adding similar css for the images elsewhere fixed everything else. Weird that it would happen in Firefox and not Safari, but there ya go.
    If you want to make that global with one entry, rather than adding it to each element that has a linked image, just add it to your CSS reset.
    I always put this at the top of my CSS file:
    Code:
    * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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