3 replies [Last post]
abates
Offline
Enthusiast
Buffalo NY
Last seen: 12 years 38 weeks ago
Buffalo NY
Timezone: GMT-4
Joined: 2007-10-19
Posts: 79
Points: 0

Hi Everyone,

Can someone recommend an acceptable standards compliant tutorial that will let me build my navigation menu, constructed using LI and not HREF only, and will leave a breadcrumb trail wherever the user is? Oh...and it all must be pure CSS. Please see the attached images for typical menu behavior. Each link goes to different section. The menu item stays selected based on the current page being viewed, then returns to normal state when another section is visited. Thank you for any help.

AttachmentSize
eggs.gif2.2 KB
Fish.gif2.12 KB
Meat.gif2.19 KB
jinoturistica
Offline
Enthusiast
Jinotega, Nicaragua
Last seen: 12 years 35 weeks ago
Jinotega, Nicaragua
Timezone: GMT-6
Joined: 2007-11-16
Posts: 152
Points: 0

not in CSS

I'm on page 1.2 and click the nav to move to 1.5, round trip to server and page 1.5 shows. Problem is that CSS has no knowledge whatever of the 1.5 URL and thus cannot mark it in any way.

2 methods. Figure it out on the server and serve the nav component pre-marked.

Download the page and trigger a JavaScript routine that checks the current URL then scans through the nav list checking the HREFs. Ain't easy. Especially if you try to cater for people viewing your page translated into German - those google translate URLS are long and complex. Then there are input formats ... (http://www.jinotega.com | www.jiNOTEga.com | http://jinotega.com | jinotega.com) makes you realize why web browsers are such big beasties Smile

I use solution 2 on my web site http://jinotega.com, feel free to lift the javascript code.

Just doin' my best at www.jinotega.com
Tony Robins

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

http://www.alistapart.com/sto

Verschwindende wrote:
  • CSS doesn't make pies

abates
Offline
Enthusiast
Buffalo NY
Last seen: 12 years 38 weeks ago
Buffalo NY
Timezone: GMT-4
Joined: 2007-10-19
Posts: 79
Points: 0

Thanks guys, actually this

Thanks guys, actually this was solved in this on-going thread I have posted here. Sorry, it was so long ago I had forgotten to follow up on it:

http://csscreator.com/node/27376#comment-120464

Thanks, and Happy New Year!

Art