[css-d] nav link states
What is the state called when I click on one of a number of links on a navbar and while I am visiting that page, the link stays lit so that if I forget where I am, I need simply glance up at the navbar to see where I am? And the million dollar question is: How do I style such? Thanks. D __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav link states
That link-state is called Visited. And the million dollar question is: How do I style such? a:visited { your styles here } regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav link states
On Mon, 18 Oct 2010, Dudley Barker wrote: What is the state called when I click on one of a number of links on a navbar and while I am visiting that page, the link stays lit so that if I forget where I am, I need simply glance up at the navbar to see where I am? You should not have a link to the current page. And the million dollar question is: How do I style such? Style it differently from the links. -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav link states
On Mon, 18 Oct 2010, Chris F.A. Johnson wrote: On Mon, 18 Oct 2010, Dudley Barker wrote: What is the state called when I click on one of a number of links on a navbar and while I am visiting that page, the link stays lit so that if I forget where I am, I need simply glance up at the navbar to see where I am? You should not have a link to the current page. See: http://www.studea.nl/nielsen/nielsen.html, item 10. And the million dollar question is: How do I style such? Style it differently from the links. -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [+] nav link states
What is the state called when I click on one of a number of links on a navbar and while I am visiting that page, the link stays lit so that if I forget where I am, I need simply glance up at the navbar to see where I am? And the million dollar question is: How do I style such? You could take this approach: http://www.tjkdesign.com/articles/navigation_links_and_current_location.asp If you use Dreamweaver, check this: http://divahtml.com/products/divaGPS/current_menu_location.php -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [+] nav link states
What is the state called when I click on one of a number of links on a navbar and while I am visiting that page, the link stays lit so that if I forget where I am, I need simply glance up at the navbar to see where I am? And the million dollar question is: How do I style such? You could take this approach: http://www.tjkdesign.com/articles/navigation_links_and_current_location.asp Wandering out of the scope of this list but addressing the question I use PHP to determine the page I'm on and then style the link differently from the rest using a different background color and always using: cursor: default; It doesn't prevent them from clicking it because it's still active (I guess I could fix that easily with PHP as well) but the combination of different styling and the cursor that doesn't change to a finger indicating it's a link should stop MOST people from clicking it. Mike __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav link states
At 11:56 AM +0200 10/18/10, Dudley Barker wrote: What is the state called when I click on one of a number of links on a navbar and while I am visiting that page, the link stays lit so that if I forget where I am, I need simply glance up at the navbar to see where I am? And the million dollar question is: How do I style such? Thanks. D There are two problems here: 1) to style the menu item so that it is different than the others; 2) to know what the current page the user is on so that you can change the style. You can do this in a couple of ways, here's the solution I use: http://sperling.com/examples/smart-menu/ In the echo() statement, you need to place between the quotes class=active and then create an active rule in your style sheet. Cheers, tedd -- --- http://sperling.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/