Hi guys,

How do i create hover text for a webpage, ie you hover over a word, and then a description will appear below etc.

Basically, i have a page that is a kit, so is effectivdly four seperate products in one listing.

However, i dont want four long descriptions on one page.

The page in question is http://ccgi.fdproducts.force9.co.uk/item--...ro--wtkpro.html

As you will see there is too much text for the one page.

I would like to have the page laid out like this :

1 X Tube of Mitre Seal
10 X 150mm Worktop Bolts
Professional TCT Router Cutter
2 X 6" Quick Action Carpenter Clamps

Then when someone hovers over one of the products, the description for it will appear below, ie

1 X Tube of Mitre Seal

Mitre seal is the premium worktop sealer and adhesive.

Unlike other brands it is waterbased, making it safe and easy to use. Colours in stock include white, black, clear, or china blue.

Note that colours can be mixed to obtain the correct shade, or clear can be used for any application!

10 X 150mm Worktop Bolts
Professional TCT Router Cutter
2 X 6" Quick Action Carpenter Clamps

Then when they remove the cursor it will go back to standard.

Any ideas?

Will.

I don't think so, a bigger problem is the tiny text and poor color contrast.



This can be done with CSS: http://meyerweb.com/eric/css/edge/popups/demo.html or java script: http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm (though this example uses click events rather than mouse hovering).

Ok. I want to make a longer product description have a switched Java Script text content description

As shown in : http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm

You can see where i have inputted the text in the product description at :

http://ccgi.fdproducts.force9.co.uk/item--...ro--wtkpro.html

This is where i pasted the body info as given in the Dynamic Drive Link.

However, where do i paste the Head content ? I tried putting this in Site Elements : Site HTML Layout but it had no effect.

Does anyone have any knowledge of Click Cart Pro?

Any help appreciated,


Thanks

Wjr.

This is incorrect:


--you should use 'contract', not ´contract´. Same thing on the other places the "´" character is used.


You already put it in the HEAD section (correctly), or do I misunderstand?

I get a javascript parse error on your page. That's because you have the <script> </script> tags in the external .js file. They don't belong there. The file should only contain the javascript itself.