Re: [WSG] css rollover - with current page highlight?

[Vicki Berry]

Stephanie Sullivan has a good tutorial on how to do what Zachary  
suggested at:




(Especially useful if you use Dreamweaver but the principles and  
basic process applies regardless.)


Project VII also has their Uberlink Menu tutorial which takes a  
slightly different approach (and is what I cut my own CSS menu teeth  
on - it's a great intro to CSS menus for anyone who wants to learn  
how to do them):




Stef's method involves adding the id to the page when it's created,  
with no need to touch the menu - useful if you're using includes for  
the menu. Al's method involves adding the id to the menu itself. It  
is your call, whatever works best for you. (You can get either to  
work with your particular menu.)


HTH,

--
Vicki Berry
DistinctiveWeb
Web: http://www.distinctiveweb.com.au
Blog: http://www.unheardword.com
**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

Re: [WSG] css rollover - with current page highlight?

[Hopkins Programming]

Yeah!

The best way to do this is to assign an ID tag to the body.

== Example =
Page1:

  
  


Page2:


  

  



CSS:
body#page1 a.link_Page1{font-weight:bold;}
body#page2 a.link_Page2{font-weight:bold;}

You can see a live example of this on my website at http://www.hopkinsprogramming.net/.

Hope this helps!

--Zachary Hopkins

On 1/5/06, lucas <[EMAIL PROTECTED]> wrote:
 hi  following the recent discussion of css image rollovers for a menu/nav  list (see  
http://webstandardsgroup.org/manage/archive.cfm?uid=6BB21CD6-F78A-DE8B-495CD895C0B6A6AB)
i wonder if anyone has a suggestion for how one could add "highlight
current page" functionality to this nav? my example is here:  http://squatspace.com/lucaphp/nuca/index2.htm
hope this makes sense  cheers  lucas  ...basic email netiquette:
http://www.georgedillon.com/web/netiquette.shtml
		 
 
Play Santa's Celebrity Xmas Party, an exclusive game from Yahoo! 

-- =="The best way to predict the future is to invent it."  
[EMAIL PROTECTED] http://www.hopkinsprogramming.net

[WSG] css rollover - with current page highlight?

[lucas]

 hi  following the recent discussion of css image rollovers for a menu/nav  list (see  http://webstandardsgroup.org/manage/archive.cfm?uid=6BB21CD6-F78A-DE8B-495CD895C0B6A6AB)  i wonder if anyone has a suggestion for how one could add "highlight  current page" functionality to this nav? my example is here:  http://squatspace.com/lucaphp/nuca/index2.htmhope this makes sense  cheers  lucas  ...basic email netiquette:http://www.georgedillon.com/web/netiquette.shtml
		 
 
Play Santa's Celebrity Xmas Party, an exclusive game from Yahoo!