How to get rid of border around button image

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • JWest46088
    New Member
    • Sep 2006
    • 74

    How to get rid of border around button image

    I cannot figure out how to get rid of the border around my button image. I got rid of the blue border by setting border=0, but I am still getting a purple border around them after I click them until the page loads then it goes away.

    Website if you want to see what I'm talking about:



    Here is the CSS I currently have that isn't working:

    Code:
    a img {
    	border: none;
    	border-color: none;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	outline: none;
    	outline-color: none;
    }
    Any help would be appreciated. Thanks in advance.
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    There is no such value as 'none' for those attributes.

    Comment

    • Dormilich
      Recognized Expert Expert
      • Aug 2008
      • 8694

      #3
      I don’t see any border around the buttons… (FF 3.5.6 / Mac 10.5)

      Comment

      • Airslash
        New Member
        • Nov 2007
        • 221

        #4
        the border around an image usually appears when it isused as a link.
        To solve this issue eithe ruse inline CSS or external CSS and set the border to value 0, not none.

        Comment

        • JWest46088
          New Member
          • Sep 2006
          • 74

          #5
          There is no such value as 'none' for those attributes.
          I'm using Dreamweaver, and the value none is an option when using these attributes.

          I don’t see any border around the buttons… (FF 3.5.6 / Mac 10.5)
          There isn't a blue border around the buttons in the regular state, but there is a red and dotted border in the active state (click but don't release button) and a purple and dotted border in the visited state (click and release button). But like I said before, this only shows up in the period between when the button is clicked and before the next page loads. When the next page loads, the border is gone.

          the border around an image usually appears when it isused as a link.
          To solve this issue eithe ruse inline CSS or external CSS and set the border to value 0, not none.
          I set the border to 0 in the Dreamweaver properties panel but not in my CSS. I don't see how it would make a difference if I put it in my CSS when it is already set to 0 in Dreamweaver, but I guess I could try it.


          I guess if all else fails I could just make hotspots over the buttons rather than using them as links. Thanks for your replies so far. Keep them coming!

          Comment

          • Dormilich
            Recognized Expert Expert
            • Aug 2008
            • 8694

            #6
            There isn't a blue border around the buttons in the regular state, but there is a red and dotted border in the active state
            then you need to change the (default) properties of the <a> elements (namely its pseudo-class settings (:active)).

            Comment

            Working...