#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2011
    Posts
    306
    Rep Power
    10

    Arrow Weird Blue border on Firefox??




    As you can see, the image that says view all clients has a blue border on top and to the left also. There are no borders set for this image so I am not sure why its there. It does not show up on safari, just firefox. (I am not sure about IE since I am on a mac).

    Here is the code:
    .view_all_projects{
    width:245px;
    height:63px;
    position:absolute;
    overflow:hidden;
    margin: 550px 0 0px 0;
    }

    And here is the html:
    <div class="view_all_projects"><a href="http://www.bestdropshipper.net/order.html"><img src="images/more_project.gif" alt="Best Dropshipper"/></a>
    </div>

    This image is also clickable. Any ideas why the strange blue border?
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2011
    Posts
    306
    Rep Power
    10
    Well, disregard. I believe I got it. I changed it to this:

    .view_all_projects img{
    width:245px;
    height:63px;
    position:absolute;
    overflow:hidden;
    margin: 570px 0 0px -240px;
    border:none;
    }

    seems to be working since I added img to the class and border:none along with realigning the image.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    721
    Rep Power
    446
    Typically by default an image in a link will have a blue border. You could try adding this to your CSS:

    Code:
    a img {border: none}
    Or, if that doesn't work, post a link to your page. You can get around forum limits on posting links by adding spaces, a la mysite. com.

IMN logo majestic logo threadwatch logo seochat tools logo