Web Development

Ask something
Discussion Locked

You Are Here button styling

0 helpful
3 replies

by maryweilage

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

This week's Design and Usability Tactics e-newsletter discusses how to orient visitors with a You Are Here button styling. Do you like this approach to styling a You Are Here button? What other methods do you use or do you think would be effective to achieve these same results?

If you aren't subscribed to the Design and Usability Tactics e-newsletter, visit our e-newsletter subcenter to subscribe:
http://nl.com.com/MiniFormHandler?brand=build er&subs_channel=bldr_front_door&list_id=e614

* Please delete any extra spaces that appear when you paste this link into your browser.

3 replies

by choffla

I have been trying to find how to do the "you are here" concept with having my menu in a server side include so as to write it once for all pages. is there a way to do both?

by webmonkeybuilder

I would also be VERY interested in learning how to do this with SSI (esp. PHP). Perhaps in a small html/css-based website (with say under 10 pages), it would be okay to hand code each li tag with a "You are here" class on each individual web page, but for large php/xhtml/css-based websites like some I work on (with hundreds of pages) that task would be extremely time consuming.

It would also go against the grain of automating and simplifying coding so that you can make a change once in a template (be it a Dreamweaver or PHP template) and have that change be instantly applied across a web site. I think that although the "You are here" idea as described is elegant, and I am 100% in favor of CSS styling, the idea as described is not as useful for large web sites.

by niceboy

...

  • Home
  • About Us
  • Contact

...

The main navigation styles are declared in an external style sheet, but each page redeclares a style manually to create visual difference for the "I am here" effect. The navi element that turns red on the above example is the 'About Us' element.

Learned this from Designing with web standards, author Jeffrey Zeldman - New Riders Pub

This discussion is closed to new replies.