SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: IE vs FF

  1. #1
    a fresh, new start... dujmovicv's Avatar
    Join Date
    Aug 2006
    Location
    Earth
    Posts
    559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE vs FF

    Hi all,
    here's a short code to format hyperlinks (gif flags) on my page:

    Code:
    a.flag:link	      {color:white; text-decoration:none}
    a.flag:hover	      {color:white; text-decoration:none}
    a.flag:active	      {color:white; text-decoration:none}
    a.flag:visited	      {color:white; text-decoration:none}
    I want the gif images to be displayed without any border in different colors according to the user's choice if he visited a link or not... In FF this works but IE still displays this annoying border....

    Full time ADMIN - art community
    Part time coder - dsign

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,117
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Try:
    Code:
    a.flag {color:#fff; text-decoration:none}
    Of course you need to be more specific in your selector than anything previously styled, for example if you have

    Code:
    #example li a { color: black; text-decoration: underline }
    It will not be overriden without a selector of equal or greater specificity.

    Hope it helps

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,117
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    And the order of the psuedo classes is important in IE
    Code:
    a:link
    a:visited
    a:hover
    a:active
    a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective
    a:active MUST come after a:hover in the CSS definition in order to be effective

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,545
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    I want the gif images to be displayed without any border
    I don't see any gif images in that code

    The code you have shown applies to anchors not images. If you are talking about an image's border then you need to address the image.

    Code:
    a img {border:none}

  5. #5
    a fresh, new start... dujmovicv's Avatar
    Join Date
    Aug 2006
    Location
    Earth
    Posts
    559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The gif images are the hyperlinks which have the mentioned border...

    Full time ADMIN - art community
    Part time coder - dsign

  6. #6
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well if you use the code Paul's advised then it should remove the border's from the images

    Code:
    a img {border:none}
    That is, unless you are reapplying the border somewhere else?

    If that doesn't work though please provide a link to the problem or post the FULL HTML and CSS code as that will work from what you've told us.

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,545
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by dave
    Well if you use the code Paul's advised then it should remove the border's from the images
    Some people don't want the answer it seems


Bookmarks

Posting Permissions

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