Background colour changed when i click anchor tag.

Question

1.00/5 (1 vote)

See more:

XML

Please help
If i click anchor tag then this page is active and background colour changed.

<ul>
    <li><a href="index.php">HOME</a></li>
    <li><a href="two.php">PORTFOLIO</a></li>
    <li><a href="three.php">ABOUT</a></li>
    <li><a href="four.php">CONTACT</a></li>
    <li><a href="five.php">SHOP</a></li>
</ul>

Posted 28-Dec-12 19:12pm

Ashish Rathod

Add a Solution

Comments

ssyuvaraja 29-Dec-12 4:36am

I did not understand the question. Is this like, If you click the "Shop" anchor tag, the color of the "Shop" anchor tag need to be changed? or please tell the problem clearly.

Ashish Rathod 29-Dec-12 6:09am

If i click HOME then this tag is active and color is changed but when i click next tag like SHOP then this tag is active not HOME tag is active so SHOP tag color changed not HOME.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ssyuvaraja · Answer 1 · 2012-12-28T23:08:00

Solution 1

CSS

You try this CSS style: I hope you asking for this only.

//normal link
ul li a
{
 color:#FFF;
}

//while mouse hover
ul li a:hover
{
 color:#FFF;

}

//hold the link
ul li a:active
{
 color:#FC0;
}

//after clicked
ul li a:visited
{
 color:#ff0;
}

Posted 28-Dec-12 23:08pm

ssyuvaraja

Comments

Ashish Rathod 29-Dec-12 5:43am

If i click HOME then this tag is active and color is changed but when i click next tag like SHOP then this tag is active not HOME tag is active so SHOP tag color changed not HOME.

ssyuvaraja 29-Dec-12 7:12am

Please try the order as "normal link,Visited,Mouse hover, Active" order. If this is not worked means, Then have to use Jquery/JS. Please clear browser history after change code.