Forum : Need Info Related to CSS active link
Brief description  about Online courses   join in Online courses
View Pradeep  Chikkanna 's Profile

Need Info Related to CSS active link

Hi All,

I'm currently working on CSS links, every thing is going on fine but the problem is I'm not able to work on the tag "a:active" that's Active link.

For Example: If I have some 6 links which is displayed horizontally in a page and assume that default page is SILICON INDIA. So now I have to activate the link SILICON INDIA.. Let me know the procedure or code for the same...

Thanks for the reply in Advance!!!
Asked by Pradeep Chikkanna | Mar 10, 2010 |  Reply now
Replies (1)
View teacher siliconindia 's Profile
Hi

Try this procedure

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--


.templatemo_menu_list {
}


.templatemo_menu_list ul {
list-style-type: none;
}

.templatemo_menu_list li a {
color: #666666;
}

.templatemo_menu_list li a:hover{
color: #a81407;
}


.templatemo_menu_list li .active {
color: #a81407;
}


-->
</style>
</head>

<body>

<div class="templatemo_menu_list">


<ul>



<li>
<a href="#">button1
</a>
</li>




<li>
<a href="#" >button2
</a>
</li>




<li>
<a href="#" >button3
</a>
</li>


<li>
<a href="#" >button4
</a>
</li>


<li>
<a href="#" class="active" >button5
</a>
</li>



</ul>

</div>


</body>
</html>



Regards
Mar 10, 2010