hi .. i have a navigation menu with a css .. the problem is that the a:active doesn't work properly .. when i hit the button it shows the a:active color .. but it disappears .. and when hitting the browser back button, it shows up!

<ul id="navigation">

<li><a href="a.aspx">a</a></li>

<li><a href="c.aspx">c</a></li>

</ul>

margin: 0;

font: bold 12px Verdana,Tahoma,Arial,sans-serif;

margin: 0;

margin-left: 3px;

border-bottom: none;

text-decoration: none;

#navigation li a:link

#navigation li a:visited

#navigation li a:hover

background: #dfe8ee;

text-decoration: underline;

#navigation li a:active

border-bottom: 1px solid white;

Hi,

phantomlove:

when i hit the button it shows the a:active color .. but it disappears .. and when hitting the browser back button, it shows up!

I have a test use the code that you provided, it works fine on IE 7, but I repro your problem on the firefox. I have a test by using some links with  a:active (for example: http://www.w3schools.com/css/tryit.asp?filename=trycss_link),,  they all faild on show the a:active color. Maybe, firefox can not support it very well

Hope it helps.

hi Amanda

i'm using IE 7 and i have this problem!

"when i hit the button it shows the a:active color .. but it disappears .. and when hitting the browser back button, it shows up!"

so, any suggestion?

 Have you tried background-color instead of just background?

the active speudoclass only works at the moment the users performs the action. It doesn't get activated when you are visiting the page the link refers to or anything.

In your menu control try setting the staticselectedstyle or dynamicselectedstyle property. Then apply your background colouring to the class you assign

Hi,

phantomlove:

when i hit the button it shows the a:active color .. but it disappears .. and when hitting the browser back button, it shows up!

When you click on the link a, its color is red, then  go to the a.aspx page, when you back to the before page, the color of the link a is still red.

What do you want to do? Do you want to the color of the link a back to  #ffffff when you  hitting the browser back button?

Could you please give more details about your requirement?

hi Amanda..

all i need is a navigation menu .. and whenever i'm in a page .. this "page's tab" in the menu should be in different color to show that i'm here

simply, it's like the www.asp.net navigation menu

Home  Get Started Learn ... .... ..... ..... ...

oh,

That used the menu's selectedstyle.

You try  to set the menu's staticselectedstyle or dynamicselectedstyle, which allows you to set the appearance of the dynamic or static menu item selected by the user.

Try to check this links: 

• Menu..::.StaticSelectedStyle Property 
• Menu..::.DynamicSelectedStyle Property

   Hope it helps                                                                                                            

u know .. i found that when i remove the navigteurl .. the active button acts fine! in both <ul> method .. or <asp:menu> method .. any explanation?

<ul id="navigation">

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

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

</ul>

instead of

<ul id="navigation">

<li><a href="b.aspx">b</a></li>

<li><a href="c.aspx">c</a></li>

</ul>

Hi,

The cause of the problem may be related to the navigatetion.

If you use <li><a href="a.aspx">a</a></li> n, when you click on the link, it open a new page, then you back to the preview page, the link's status is visited.

If you use <li><a href="#">a</a></li> , when you click on the link,  the page does not make navigation, but only scroll on the same the page, open a new page, so the link's status is active.

Maybe, this is explaination is not very accurate.

Any discussion about this problem will be welcomed.

do i need extra code like the following link(but it's for PHP) .. it should have a solution!

http://www.sebastiansulinski.co.uk/web_design_tutorials/css/active_button.php