Maintain Rollover effect if selected

[Mary Hartman]

I am using FrontPage 2003. I have graphics for a menu using the
rollover effect.

If the graphic is clicked to bring up that page, I would like the
rollover effect to be maintained.

Can I do this with FrontPage?

Thank you

 

[Murray]

Yes, but there is no wizard interface to support it. You would have to
understand how rollovers work, and add some code to the page to a) disable
the rollover on that button, and b) to source that button to the 'over'
state image.

I do this with CSS (and CSS rollovers). You may find that method a bit
advanced, but I'll be happy to tell you how if you are interested.

 

[Mary Hartman]

Yes, but there is no wizard interface to support it. You would have to
understand how rollovers work, and add some code to the page to a) disable
the rollover on that button, and b) to source that button to the 'over'
state image.

I do this with CSS (and CSS rollovers). You may find that method a bit
advanced, but I'll be happy to tell you how if you are interested.

I posted the wrong way before, that extra message from me isn't
supposted to be there.

The answer is "Yes."

 

[Murray]

When I use images in rollovers, I make them CSS rollovers. The image is
defined as a background image for the <a> tag in my CSS, and the rollover is
accomplished by selecting a new background image in the a:hover
pseudo-class. Thus, the rollover works as desired, even when javascript is
disabled.

To set the 'down' image, I first uniquely identify each button, e.g.,

<a href="whatever1.html" id="button1">....</a>
<a href="whatever2.html" id="butto2">...</a>
etc.

and then on each page, I have a little CSS embedded in the head that
redefines that particular button to show the DOWN image throughout, e.g.,

<style type="text/css">
a#button2 { background-image:url(downstate.gif); }
</style>

which would visually 'select' button2, for example.

You can see this happening here -

http://www.madisonconcrete.com