Grow your CSS skills. Land your dream job.

CSS Navigation Menu problem

  • # October 30, 2010 at 12:52 am

    I’ve been following Video #7 and have been making my own navigation menu. However, i’ve hit a snag.
    I’ve gotten everything working except the active page is setting the active picture on my menu. I’m sure this is because my menu is in a different frame than my actual page. How would I go about referencing that page / other frame in my CSS. (I know this is probably a dumb question with a simple solution..) Or, what would be a cleaner, more efficient way of doing coding that?

    # October 30, 2010 at 1:59 am

    when posting questions about code or a page, always post a link to the page if possible and always post the code. You will get your question answered much faster by doing those two things. As of right now, without an example, I don’t have any idea what you are talking about.

    # October 30, 2010 at 12:41 pm

    Oh yes, of course.
    It’s a website for my class at school, and i’ve just been using it as my guinea pig for design.

    http://mislab.cbi.msstate.edu/~kcs127/index.html

    Here’s the code for my links.html frame

    body#Frames ul#menu li a.Frames,
    body#Buttons ul#menu li a.Buttons,
    body#Validator ul#menu li a.Validator,
    body#Loan ul#menu li a.Loan,
    body#Images ul#menu li a.Images,
    body#Slide1 ul#menu li a.Slide1,
    body#Slide2 ul#menu li a.Slide2,
    body#Slide3 ul#menu li a.Slide3,
    body#showStates ul#menu li a.States,
    body#Data ul#menu li a.Data,
    body#WTrivai ul#menu li a.WTrivia,
    body#DTrivia ul#menu li a.DTrivia
    {
    background-position: top center;
    }

    …This was the code from Video #7, but it doesn’t work because I don’t have the actual menu in the same page (hence, it being in a different frame). I was wondering how I might reference that page in my CSS.

    # October 30, 2010 at 12:44 pm

    Or actually, that code is for my ‘active state’.
    Whichever page is currently loaded is supposed to make a border around the menu icon of the page.

    I hope that’s clear enough..

    # October 30, 2010 at 3:58 pm

    I am not sure. but try importing your styles

    http://webdesign.about.com/cs/css/qt/tipcssatimport.htm

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

You must be logged in to reply to this topic.

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