Consistent menu buttons ???

by Michael D Schleif <mds(at)helices.org>

 Date:  Mon, 13 Sep 2004 14:21:46 -0500
 To:  hwg-techniques mailing list <hwg-techniques(at)hwg.org>
  todo: View Thread, Original
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

I have been experimenting with menu buttons and CSS.  Currently, I have
a vertical menu bar, and CGI to display on a given page only those
buttons required by that page.

Some buttons are:

    <input type="reset" ... />
    <input type="submit" ... />

Others are anchor based:

    <a href= ... >xxx</a>

Also, I am using a Meyer technique to highlight them on hover:

    div#menu a:hover, div#menu button:hover, div#menu input:hover {
        border-right: 4px solid #732;
        color: #943;
        padding-right: 4px;
    }

My issues are here:

[1] I want the buttons to look identical, except, of course, actual
    text.  Using CSS, I can come close matching input and anchor tags.

[2] I want the buttons to behave identically.  The user should
    instinctively recognize them as navigation buttons, and the buttons
    should behave and appear identical (see #1.)  I wish that I can
    avoid the anchor feature of showing the href link on the bottom
    status line?

[3] The cursor should change when passing over the buttons, and the
    cursor over each button should be identical with others.  So far,
    anchor cursors are hand/fingers, while reset/submit/button are arrow
    shaped.

[4] I am trying the Button element.  As types reset and submit, it
    appears promising.  How can I get it to activate an anchor?

[5] I like the hover technique.  How can I get it to work with the
    button element under IE6?

I have various scripts in various conditions for testing; but, nothing
now to publish as examples.  If this is required, please, tell me.

What resources can give me a clue?

What do you think?

- -- 
Best Regards,

mds
- -
Dare to fix things before they break . . .
- -
Our capacity for understanding is inversely proportional to how much
we think we know.  The more I know, the more I know I don't know . . .
- --
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.2.4 (GNU/Linux)

iD8DBQFBRfNJLUOEaCtUQpwRAo2QAKC1eRxFPuWE9A4cMrFDzrZhU4USsQCfaXmA
43NmWodX+FJhCU6ogBXJbeA=
=cqeV
-----END PGP SIGNATURE-----

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.