Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

PHP

Extra credit problem in build a simple php application

I am trying to do the extra credit section in the build a simple PHP application course under the Creating the menu and footer part and I was wondering on how to the Create an icon for the menu item and Modify the CSS file to display that new icon, as well as to make room for the extra item in the menu. I don't know where to begin on how to create an icon and I don't know where would I make room for the extra menu item. Please help!!!!!

2 Answers

Taryn, it sounds like your having some trouble understanding what needs to go where in the DOM. The icon (the link you need to click) is just adding a new list item that is linked to the new PHP file you need to create for the new page. Your essentially copying and pasting while changing the if statement and href attribute to match the new page. For the CSS, your going to have to dig into the style.css file yourself and add classes for your new section. These class names are up to you but I recommend sticking to the simple naming conventions that Randy uses.

If none of this makes sense or your still confused, it sounds like you need to revisit your HTML and CSS Dives and pay a little more attention.

Happy coding!

You can get the concept where they get menu icon comes from. the nav-sprite.png pixels is 100 x 420. the css only one way can do this way check it out the video i make for you. https://www.youtube.com/watch?v=yMzC9ZjIXeg&feature=youtu.be