DonB
|
Posted: 12/30/2005, 1:51 PM |
|
I found this today, and it works great. This is the EASY way to implement a
cascading, horizontal or vertical menu. The tutorial is overly wordy but
here is the bottom line:
1. copy the file csshover.htc to your web folder
2. Create the usual menu using <UL> and <LI> tags and put in <A> tags for
each of the menu 'jumps'
3. Put a <DIV class="menu"> block around your menu.
4. Add their CSS to your page (I put it in a .css file, they just illustrate
it 'embedded' into the html page)
5. Make sure your page has <body style="behavior: url(csshover.htc);">
specified (again, I put this in my .css file)
That's all there is to it.
The 'htc' file is an interesting thing that I'd not heard about before. It
let's you do all sorts of 'behavior modification' to your html. A
particularly nifty side effect of this one is now, all html tags will
support the 'hover' pseudo-class (like you are accustomed to seing with <A>
tags (hyperlinks). You can specify this in your css:
tr:hover {
background-color: red;
}
and now you have 'rollover' color change, instead of the bulky javacript
approach where you must put 'onmouseover' and 'onmouseout' events into your
page.
Check out this link for all the details and files you need:
http://www.seoconsultants.com/css/menus/tutorial/
--
DonB
http://www.gotodon.com/ccbth
|
|
|
Ron
Posts: 26
|
Posted: 01/06/2006, 8:26 PM |
|
Is this implementation better than the CSS menu in CC Example Pack 2?
|
|
|
|
|
|
|
|