treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Chris’ screencast #11 Working Modularly with PHP

  • I like that tutorial because it pretty much covers exactly what I want to do with my menu items. I went ahead and changed the code to include the header file and put a class=”name” on my LI’s and all the body tags have id’s. I also changed my files to php and changed all references to the correct php files. Everything works fine. The only thing I have trouble with is the css part of this. I want to have the current page menu tab to change to blue. I tried with no luck, by following the screencast as closely as possible. My css file is at http://wkevin.com/wkev.css
    I did not write 95% of the css in my file because I am still learning it. (that, and html,php,mysql…..I need a break LOL)
    If someone could steer me in the right direction with this, I would appreciate it.
    My site http://wkevin.com
  • Here you go. Just add this to your CSS:
    body#home #menu ul li a.home, body#pizza #menu ul li a.pizza, body#sheba #menu ul li a.sheba, body#music #nav ul li a.sheba,
    body#weather #menu ul li a.weather {
    background: #0000FF;
    }
  • "apostrophe" said:
    Here you go. Just add this to your CSS:
    Thanks! I will learn a lot from that.
  • "Wkevco" said:
    [quote="apostrophe"]Here you go. Just add this to your CSS:
    Thanks! I will learn a lot from that.[/quote]
    Sarcasm? :D
    It's pretty self explanatory. If the body id is 'home' then the menu unordered list, list item, anchor link with a class of 'home' should have a blue background. If the body id is 'pizza' etc.
  • "apostrophe" said:
    [quote="Wkevco"][quote="apostrophe"]Here you go. Just add this to your CSS:
    Thanks! I will learn a lot from that.[/quote]
    Sarcasm? :D
    It's pretty self explanatory. If the body id is 'home' then the menu unordered list, list item, anchor link with a class of 'home' should have a blue background. If the body id is 'pizza' etc.[/quote]
    No sarcasm intended. I actually did learn a lot from that.
    I also found and fixed an error you had in there. ;)
    (you had a #nav in there. I changed it to #menu)
  • I also found and fixed an error you had in there. ;)
    (you had a #nav in there. I changed it to #menu)

    Oops! I'd like to say I threw that in as a test but we both know I would be lying :D
    Actually I just copied and pasted from an old file and changed the ids to match yours. Must of missed one. :oops:
    Anyhow, glad it helped.