html - highlight the menu for the current page

Home / Answer

html - highlight the menu for the current page

Author Abdur Rakib | Asked on 2022-10-24 | • HTML, CSS

আমি চাচ্ছি আমি যেই পেজে আছি সেই পেজের মেনুবারটা সিলেক্ট ডিজাইন হবে। 

যেমন আমি About us পেজে আছি। আমি চাচ্ছি About us বাটনটা highlight হবে। 

How to format most recently clicked link, html - highlight the menu for the current page

authorMd Alimur Razee replied on 2022-10-24

এখানে আপনাকে .active এরকম একটি CSS Class বেবহার করতে হবে। 

 <a href="1.html" class="active"> Home </a>

You need to define in the markup what link is active.

example:

<ul class="topbar">
  <li><a href="1.html" class="active"> Home </a> </li>
  <li><a href="2.html"> About Us</a> </li>
  <li><a href="3.html">Contact</a> </li>
</ul>

CSS

.topbar a.active {color:#red;}

 

authorAkif Hossain replied on 2022-10-28

You give the links an ID like #activeHome 

HTML

<li><a href="index.php" id="activeHome">Home</a></li>

 CSS

<style>
    #activeHome {
        background:blue;
    }
</style>

উত্তর দেওয়ার জন্য আপনার অ্যাকাউন্ট টি লগইন করতে হবে

Do you want to get the latest update?