Text rollovers example
I'm having problems making some text/graphic rollovers, and was hoping someone could help with a worked example. I do not need a page designed, only a working example, so I can see how to encode the Javascript and HTML.
Here's what I need:
1. Netscape/Mozilla/MS Internet Explorer compatible. Ideally Mozilla 4.76, CSS1. DHTML?
2. I have a big table with a background graphic. The table is centered on the page.
3. In the table are three buttons (in a table), with text superimposed on top. (See uploaded image, top)
4. When the mouse pointer moves over the text or the button (or moves over the button), a rectangular area appears adjacent to the button, containing some HTML text. (See uploaded image, middle/bottom). I want to use text to (a) reduce files size (b) make it easier to edit the content.
5. The rectangular area will appear at a specific location over the background graphic. I understand this may be a problem since the main table is centered, so it might be necessary to indent the table so that it appears centered.
6. Ideally the rectangular area should have a transparent coloured backgroud. If it is not possible with Netscape 4.76, then it will need to be a background image?
7. The HTML text in the rectangular area will contain at leasts one graphic and one link.
8. Optionally, I might want an addition graphic to appear somewhere on the page when mouse pointer moves over the text / button.