Results 1 to 6 of 6

Thread: Followed Link

  1. #1
    Silver Lounger
    Join Date
    Mar 2001
    Location
    Springfield, Ohio, USA
    Posts
    2,136
    Thanks
    0
    Thanked 1 Time in 1 Post

    Followed Link

    I thought that there was something that you could add to the <a> tag that said to color this link as if it had never been followed (ie blue normally), but I sure cannot find it. This is a link within the same document, but I would like for it to look like an unfollowed link. TIA --Sam
    <font face="Comic Sans MS">Sam Barrett, CACI </font face=comic>
    <small>And the things that you have heard... commit these to faithful men who will be able to teach others also. 2 Timothy 2:2</small>

  2. #2
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Followed Link

    Hi Sammy,

    As far as I know, this is not generally possible since the link is in the same document. The browser handles visited links by page - not by anchor within the page. Therefore, if the page has been visited then all other links within the page will display as visited as well.

    You can, however, override the visited/unvisited colors by forcing a specific color on a link via CSS Styles. The downside is that this color will not change when its visited status changes.

    Hope this helps

  3. #3
    Silver Lounger
    Join Date
    Mar 2001
    Location
    Springfield, Ohio, USA
    Posts
    2,136
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Followed Link

    Mark, thanks for the help! I think that I have to use Multiple Anchor Tag Styles and create a division (say, demo) in my document that has the line with links that stay blue. Something like:
    #demo a {
    CSS go here
    }
    but, I've just told you way more than I know! ;o}>>>>> What CSS do I use & can I put it at the top of my document? My CSS skills amount to just barely being able to read the files.

    I'm using the font tag now, but it doesn't look right: it messes up the hover, now just a blue blob.
    <font face="Comic Sans MS">Sam Barrett, CACI </font face=comic>
    <small>And the things that you have heard... commit these to faithful men who will be able to teach others also. 2 Timothy 2:2</small>

  4. #4
    Silver Lounger
    Join Date
    Mar 2001
    Location
    Springfield, Ohio, USA
    Posts
    2,136
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Followed Link

    Well, I have it working on IE 5 and Netscape (how do I tell what version with Netscape & Unix?), but I cannot get it working with IE 6. What's up with that? It seems to ignore the CSS for the demo division. Here's my test page:
    <pre><html>
    <head><title>Anchor Demo</title>
    <style type="text/css">
    a:link{color: navy}
    a:hover{color: white; background-color:navy}</style>
    #demo a:visited{color: navy}
    #demo a:hover{color: white; background-color:navy}
    </style>
    </head>
    <body>
    <div id:demo>
    This is the demo link
    </div>
    This is the normal link
    </body></html></pre>

    Note -- I originally had comments around the lines in the style tag, but the lounge does not ignore comment tags, so I had to remove them.
    <font face="Comic Sans MS">Sam Barrett, CACI </font face=comic>
    <small>And the things that you have heard... commit these to faithful men who will be able to teach others also. 2 Timothy 2:2</small>

  5. #5
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Followed Link

    Sammy, you're on the right track...

    The easiest way to set link colors (without CSS) is to use the LINK attributes of the BODY element like this:
    < BODY LINK="#0000FF" VLINK="#00FF00" ALINK="#FF0000" >

    (LINK is the standard, non-visited link; VLINK is the visited link, and ALINK is the active link.)

    The CSS method works just as well, but you may consider making a few tweaks...

    Try the following:<pre><html>
    <head>
    <title>Anchor Demo</title>
    <style type="text/css">
    a:link{color: navy}
    a:hover{color: white; background-color:navy}
    .demo:visited{color: navy}
    .demo a:hover{color: white; background-color:navy}
    </style>
    </head>
    <body>This is the demo link
    This is the normal link
    </body>
    </html></pre>

    Notice that I removed the first < / style > tag, changed the "#" to ".", and assigned a Class attribute to the A tag.

    hope this helps!

  6. #6
    Silver Lounger
    Join Date
    Mar 2001
    Location
    Springfield, Ohio, USA
    Posts
    2,136
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Followed Link

    Ah, IE6 dosn't like two /style! Duh, at 2AM, it only looked like one!
    Your solution is much nicer, but I think the demo:hover should look like the demo:visited:
    <pre><html>
    <head>
    <title>Anchor Demo</title>
    <style type="text/css">
    a:link{color: navy}
    a:hover{color: white; background-color:navy}
    .demo:visited{color: navy}
    .demo:hover{color: white; background-color:navy}
    </style>
    </head>
    <body>This is the demo link
    This is the normal link
    </body>
    </html></pre>


    Wish I could get you to look at the final (very long) page. There is one table in which the links do not work. It must be something simple, but at 4AM I couldn't see it. I'll start fresh on Wednesday and find it; meanwhile, I'm enjoying this Spring weather! Thanks again! --Sam
    <font face="Comic Sans MS">Sam Barrett, CACI </font face=comic>
    <small>And the things that you have heard... commit these to faithful men who will be able to teach others also. 2 Timothy 2:2</small>

Posting Permissions

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