css and javascript "hover button"

  • Thread starter Thread starter Steve Easton
  • Start date Start date
Steve,

Can't see the text in NS6. In NS4.08, you can see the text. Neither show the
effect.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
 
you can also look at
http://www.roksteady.net/menu/

the only graphic is the little arrow. Never bothered making this NN4
compatible but it could be done with a little effort - not the CSS
effects of course. The key to getting "imageless" rollovers is a
couple of lines of CSS
display: block;
position: relative;

This makes the whole of a table cell into a link that looks like a
button

Jon
Microsoft MVP - FP
 
Kathleen Anderson said:
Very nice, Jim. Can you make it work with keyboard navigation only? :-)
Click to expand...

Ugh, tough one. Are there any section 508 or other guidelines as to
how this should work?

Jim Buyens
Microsoft FrontPage MVP
(e-mail address removed)
http://www.interlacken.com
Author of:
*------------------------------------------------------*
|\----------------------------------------------------/|
|| Microsoft Office FrontPage 2003 Inside Out ||
|| Microsoft FrontPage Version 2002 Inside Out ||
|| Web Database Development Step by Step .NET Edition ||
|| Troubleshooting Microsoft FrontPage 2002 ||
|| Faster Smarter Beginning Programming ||
|| (All from Microsoft Press) ||
|/----------------------------------------------------\|
*------------------------------------------------------*
 
Jim Buyens said:
Ugh, tough one. Are there any section 508 or other guidelines as to
how this should work?
Click to expand...

You should be able to tab through the page, in the same order that it's seen on the screen. When you land on "Start Commands" for example, you should then be able to hit the enter key, and the menu will dropdown and then also become accessible with the keyboard - preferably the Tab key, but I think the down arrow key would also be acceptable.


--

~ Kathleen Anderson
Microsoft MVP - FrontPage
Spider Web Woman Designs
http://www.spiderwebwoman.com/resources/

What You Should Know About the Blaster Worm and Its Variants
http://www.microsoft.com/security/incident/blast.asp
 
Now you need to add an onmouseout so the menu collapses when you move away from it (-;

--



| >-----Original Message-----
| >Steve,
| >
| >Can't see the text in NS6. In NS4.08, you can see the
| >text. Neither show the effect.
|
| This shows DHTML menus rather than Hover buttons, but try:
|
| http://www.interlacken.com/dhtmlmenu.htm.
|
| The effects are better in IE than in any version of
| Netscape, but it *does* work in all Netscape versions back
| to at least 4.75. And there are *no* graphics.
|
| Jim Buyens
| Microsoft FrontPage MVP
| (e-mail address removed)
| http://www.interlacken.com
| Author of:
| *------------------------------------------------------*
| |\----------------------------------------------------/|
| || Microsoft Office FrontPage 2003 Inside Out ||
| || Microsoft FrontPage Version 2002 Inside Out ||
| || Web Database Development Step by Step .NET Edition ||
| || Troubleshooting Microsoft FrontPage 2002 ||
| || Faster Smarter Beginning Programming ||
| || (All from Microsoft Press) ||
| |/----------------------------------------------------\|
| *------------------------------------------------------*
|
|
|
 
if you used an onmouseout event how would you detect the user mousing
out from the menu back to it's trigger button (obviously you wouldn't
want the menu to hide in this case)?

It would be much easier to use an onmouseover event applied to an
invisible div (ie containing a transparent gif with a null link)
behind the menu.

Jon
Microsoft MVP - FP
 
Back
Top