Grow your CSS skills. Land your dream job.

link styling troubles

  • # December 15, 2012 at 12:30 am

    [www.innerworldpress.com](http://www.innerworldpress.com “www.innerworldpress.com”)

    Why are my navbar links, Team email addresses (see website), youtube link, and footer nav links upsizing/changing fonts on hover? I went back and made sure my link styles were in the proper order (Love Hate). I just can’t figure it out! Any help would be appreciated.

    Thanks.

    # December 15, 2012 at 1:03 am

    The problem is that later on in your style sheet, you’ve redefined a:hover, when you meant to redefine one particular instance of it (on line 840):

    #secondary_nav a:link, a:visited, a:hover, a:active{
    color: #093;
    font-family:Verdana, Geneva, sans-serif;
    }

    should be

    #secondary_nav a:link, #secondary_nav a:visited, #secondary_nav a:hover, #secondary_nav a:active{
    color: #093;
    font-family:Verdana, Geneva, sans-serif;
    }

    You’ve done it a couple of times, but the other times, it’s just been to change the colour, whereas here it’s changed the font and made it strangely bigger. Changing it to the above fixes it.

    I’m not sure whether there’s any way to select multiple child elements without writing out the parent element every time, but would love to be enlightened if there is.

    # December 15, 2012 at 3:00 am

    Thanks, David!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".