Bullet In Only Active Menu

Hello friends
I want to create a css menu in my site like this;

Home
Tips (Main Menu)
Windows Tips (sub Menu)
Linux Tips (sub Menu)
Registry Tips (sub Menu)
Contact

I want to show bullet only in active menu like when I am on Contact Page then bullet will be shown only in Contact.When I am in Linux Tips then bullet will be shown only on Linux Tips not On Tips

How can I do it? Plz somebody help.It's very important.

 

With PHP (or ASP, etc...) you can switch a css class that adds the bullet based on what page is active. Can't immagine other "dynamic" solution.

 

Yeah you can add a class for the active page like:

<ul>
<li class="active"><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
</ul>

Code (markup):

Then inside your CSS you can refer to it like:

ul li.active a { show bullets here }

Code (markup):

 

I second this. You can do it with just CSS, no need for anything else to do it.

 

I think you can use javascript as well.Page which is currently loaded can have different background which will make it apper different from other links of menu.