PHP Build a Basic PHP Website (2018) Building a Media Library in PHP Adding Active States to the Navigation

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
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

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(...

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
7,852 Points

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

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!)