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 Build a Basic PHP Website (2018) Building a Media Library in PHP Adding Active States to the Navigation

Posted by 1v4n
1v4n
4,584 Points

Page refresh at end of video

At the end of the video, I refreshed but background images disappeared and all nav links are styled with the underline instead of one

Murat Hasdemir
.a{fill-rule:evenodd;}techdegree seal-36
Murat Hasdemir
Front End Web Development Techdegree Graduate 20,968 Points

look for if statements place like 

//true
<li class="books <?php if($section== books){ echo " on"; ?>"...
<li class="movies<?php if($section== movies){ echo " on"; ?>"...

//false
<li class="books "<?php if($section== books){ echo " on"; ?>...
<li class="movies" <?php if($section== books){ echo " on"; ?>...

ah make a syntax correction!

5 Answers

1v4n
1v4n
4,584 Points

This is the snippet of code from header.php. 

<li class="books<?php if($section == "books") { echo " on"; } ?>"><a href="catalog.php?cat=books">Books</a></li>
                <li class="movies<?php if($section == "movies") { echo " on"; } ?>"><a href="catalog.php?cat=movies">Movies</a></li>
                <li class="music<?php if($section == "music") { echo " on"; } ?>"><a href="catalog.php?cat=music">Music</a></li>
                <li class="suggest<?php if($section == "suggest") { echo " on"; } ?>"><a href="suggest.php">Suggest</a></li>

Please make sure you have declared each section as a variable $section also make sure there is no space in between i.e. if(...

Charlie Guan
Charlie Guan
7,284 Points

Actually, I don't think the space between if and brackets matters; it's a personal style choice: http://stackoverflow.com/questions/7691124/should-there-be-a-space-between-if-and-parentheses

Dr.P reon
Dr.P reon
8,562 Points
Dr.P reon
Dr.P reon
8,562 Points

I am having the same problem. Please let me know if you were able to solve it... Thanks

Murat Hasdemir
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Murat Hasdemir
Front End Web Development Techdegree Graduate 20,968 Points
Murat Hasdemir
.a{fill-rule:evenodd;}techdegree seal-36
Murat Hasdemir
Front End Web Development Techdegree Graduate 20,968 Points

and please post your code so we can read and look for errors in it!

Marcuz Gabriel Larsen
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Marcuz Gabriel Larsen
Full Stack JavaScript Techdegree Graduate 16,462 Points
Marcuz Gabriel Larsen
.a{fill-rule:evenodd;}techdegree seal-36
Marcuz Gabriel Larsen
Full Stack JavaScript Techdegree Graduate 16,462 Points

I only have the possibility of clicking on suggest page. The rest says error code 500 and doesnt show.

Marcuz Gabriel Larsen
.a{fill-rule:evenodd;}techdegree seal-36
Marcuz Gabriel Larsen
Full Stack JavaScript Techdegree Graduate 16,462 Points

I have misspelled the code somewere it works now. (just for info :))

Charlie Guan
Charlie Guan
7,284 Points
Charlie Guan
Charlie Guan
7,284 Points

I had the same problem, and I solved it. Here is the correct code:

<li class="books <?php if ($section == "books") {echo "on";} ?>">

Make sure you have quotation marks at correct positions. Missing or unnecessary quotation marks can generate wrong class names for your menu text, thus make your browser fail to pick up the correct CSS style (since you generated the wrong class name!)