Menu boarder to change from dashed to solid
I am close but can't get the menu border to stay solid when the link is active.
I want the inactive border to be "dashed 1px #cccccc" and when the link is hovered or active to be "solid 1px #1B429A" I have pasted Juggledads cheat sheet in and tweaked from there but cant get the border to stay solid when the page is active. Here is where I am at now ( i may have slautered this because I have been tweaking for a couple of days now) and here is the site: ul.rMenu li { background: transparent !important; float: right; margin-right: 14px; } ul.rMenu li a:link { border-left: dashed 1px #cccccc !important; } ul.rMenu li a:visited { border-left: dashed 1px #cccccc !important; } ul.rMenu li a:active { border-left: solid 1px #1B429A !important; } ul.rMenu li a:hover { border-left: solid 1px #1B429A !important; } |
The order needs to be link, visited, hover, active. You have active before hover.
|
Hey Larry,
Thank You for the response. I switched the order on those and I still can't get the border-left to stay solid/blue on active. Any other ideas? I checked other code in the menu option to make sure it wasn't conflicting but I can't find anything. Right now the active link goes back to the gray dashed left border. |
Take a look at this and see if it helps to at least clarify what active does.
|
Assuming from your reply and the way the active link displays when clicked for the brief moment, I am looking for something else.
I need the border-left to change from dashed to solid when you click the link and are on the respective page. |
That's where Firebug with Firefox can be handy. The selector is probably something like .current-menu-item or .current_page_item.
|
All times are GMT -6. The time now is 09:13 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.