Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member
    Join Date
    Aug 2011
    Posts
    64
    Member #
    28942
    Liked
    8 times
    My nav bar is to have black text. I have one page where I have a link within the page that I want blue.
    My nav has black assigned to it's links with #navbar a:link, a:visited { color: black; } and my link on the page has #text #fblink a:link, a:visited { color: # }.
    The navbar is taking the color from the other link rather than the color for the navbar. Actually, I have two links I just added to the navbar and no page for them yet. They are linked, but to a nonexistant file. Those two show properly, but the ones that do have pages don't.
    Why is it not working when I specify a specific link? Dreamweaver shows it right, but in firefox they are all blue.

  2.  

  3. #2
    Member
    Join Date
    Aug 2011
    Posts
    64
    Member #
    28942
    Liked
    8 times
    I always seem to figure things out shortly after asking a question...
    I made separate tags for the link and visited for the page link and that fixed it.
    #text #fblink a:link { color: # }
    #text #fblink a:visited { color: # }

    I suppose someone couldn't tell me why it didn't let me group the two?

  4. #3
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Alamalloy, post: 248661
    I always seem to figure things out shortly after asking a question...
    I made separate tags for the link and visited for the page link and that fixed it.
    #text #fblink a:link { color: # }
    #text #fblink a:visited { color: # }

    I suppose someone couldn't tell me why it didn't let me group the two?
    Good work and thanks for posting the answer to the thread again.

    Usually if you group two objects, divs, classes, links together, no matter what color you chose both will be the same. As it is hard coded that specific color/style in the CSS string you created.

    usually for links (unless its a specific design style) I just put simple code like below:

    Code:
    .mynav a:link{color:black;text-decoration:none;}
    .mynav a:hover{text-decoration:underline;}
    .mynav a:visited{color:blue;}
    This may help a little bit. Any questions please ask!

    -m3n0tu18
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  5. #4
    Member
    Join Date
    Aug 2011
    Posts
    64
    Member #
    28942
    Liked
    8 times
    But thing was, the color for the two was supposed to be the same. But when I grouped them, it changed the nav links visited color. not the nav link color, just the visited.
    So they are separated but the same.
    I assume that if I had separated the nav link and visited code it would have also fixed it... maybe. (i almost want to try it. almost.)

  6. #5
    Member
    Join Date
    Aug 2011
    Posts
    64
    Member #
    28942
    Liked
    8 times
    Code:
    #navbar a:link, a:visited {
        display: block;
        width: 100%;
        color: black;
        background-color: #D9E2EC;
        height: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        padding: 5px;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        border-top-width: thin;
        border-bottom-width: thin;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #666;
        border-bottom-color: #666;
    }
     
    #navbar a:hover, a:active {
        background-color: #8DA6C7;
    }
    #container #main #text #fblink a:link {
        color: #2A54C9;
        text-decoration: none;
    }
    
    #container #main #text #fblink a:visited {
        color: #2A54C9;
        text-decoration: none;
    }
    
    #container #main #text #fblink a:hover, a:active {
        color: black;
    }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:36 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com