SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Older Browsers

  1. #1
    SitePoint Zealot
    Join Date
    Jul 2006
    Location
    Florida
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Older Browsers

    http://alexrichmond.com/links.html

    Hey, a friend asked me to make this for him at school today, so I did.. but oh know! The border color change doesn't seem to work. Do older versions of IE not respond to this? (The CSS is in the src).

    Thanks, was just curious.

  2. #2
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oddly it seems to be working locally for me on both IE5 and IE5.5.

    Try adding an "active" rule after the hover and if it helps you though:

    Code:
    .links a:hover, .links a:active {
    	border-left:solid 10px #0000FF;
    }
    IE usually uses active rather than hover which is why I was slightly confused that it worked on my old versions...
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  3. #3
    SitePoint Enthusiast Northern Star's Avatar
    Join Date
    Aug 2006
    Location
    Cheshire, UK
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not sure if this is proper practice but I usually declare links like this...


    Code:
    a {
        color: red;
        text-decoration: underline;
    }
    a:hover {
        text-decoration: none;
    }
    That way you don't have to worry about IE problems. If you want 'active' and 'visited' states, then simply add them after.
    "If it ain't broken, don't fix it!"
    ----
    Northern Star - Web design, stategy & development.

  4. #4
    SitePoint Enthusiast Northern Star's Avatar
    Join Date
    Aug 2006
    Location
    Cheshire, UK
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tailslide
    Code:
    .links a:hover, .links a:active {
    	border-left:solid 10px #0000FF;
    }
    Also, I think the correct short hand should be ...

    Code:
    .links a:hover, .links a:active {
         border-left: 10px solid #0000FF;
    }
    "If it ain't broken, don't fix it!"
    ----
    Northern Star - Web design, stategy & development.

  5. #5
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Northern Star, it is the correct shorthand .

    My rule of thumb is, if you're going to apply styles to links, then you should apply styles for all of them (I leave :focus out unless I NEED to use it).


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
  •