How can PHP and CSS be combined effectively to highlight active menu items in a navigation system?

To highlight active menu items in a navigation system, you can use PHP to determine which page is currently being viewed and then apply a specific CSS class to the corresponding menu item. This can be achieved by comparing the current page URL with the URLs of each menu item.

&lt;?php
$current_page = $_SERVER[&#039;REQUEST_URI&#039;];
?&gt;

&lt;ul class=&quot;navigation&quot;&gt;
    &lt;li &lt;?php if(strpos($current_page, &#039;home.php&#039;) !== false) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;home.php&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li &lt;?php if(strpos($current_page, &#039;about.php&#039;) !== false) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;about.php&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
    &lt;li &lt;?php if(strpos($current_page, &#039;services.php&#039;) !== false) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;services.php&quot;&gt;Services&lt;/a&gt;&lt;/li&gt;
    &lt;li &lt;?php if(strpos($current_page, &#039;contact.php&#039;) !== false) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;contact.php&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

Keywords

PHP CSS active menu items navigation system highlighting

How can PHP and CSS be combined effectively to highlight active menu items in a navigation system?

Keywords

Related Questions