I'm almost embarassed to ask this one, but I have searched every issue and every forum I can find and can't figure out what I'm doing wrong.

I run a non-profit charity, making use of Drupal 6.9 for our foundation's site.

On our programs page, I want to have a mouseover/rollover effect that swaps between an image and a description of what that program is.

I have created the page in HTML and tested it find in several browsers here:

http://www.themuskokafoundation.org/drupal/projects.html

...but when I put that same code into a Drupal book page, set to full HTML, I cannot get the rollover to work, as shown here:

http://www.themuskokafoundation.org/drupal/programs

Most of the recommendations I've read talk about doing the rollover in the CSS, but that seems to only toggle between one set of backgrounds for all buttons, and as you'll see in the first page that's not what I'm looking for.

Any suggestions are most welcome. I'm sure it is something simple I'm doing wrong, but I'm not really much of a developer, so I'm stumped on this one.

Thanks in advance for any help.
Jay
The Muskoka Foundation
www.TheMuskokaFoundation.org

Comments

danielb’s picture

danielb commented

You're using deprecated javascript techniques. They work fine for me, but your browser/os may not be happy with them.
Yes the best way would be using CSS backgrounds on some element, rather than an IMG tag. You have to give each element a specific class.
I'm not sure this is the best place to learn basics about HTML/CSS/JS.
I certainly don't see a Drupal related issue here.

jody lynn’s picture

jody lynn
she/her
Primary language English
commented
Status: Active » Closed (won't fix)