I have some image links which I want the text that goes with them to appear underneath when you hover over the link. I'm sure its easy to do but on searching it all I could find as solutions were wads of javascript which I would rather avoid.

 

Is there a simple way to do this? cheers.

If you don't want to use javascript you can use a CSS hover popup like item 2 here:-

http://www.wickham43.net/hoverpopups.php

The popup is a larger image shown elsewhere on the page but you could show the image the same size positioned in the same place.

 

Item 3 shows a tooltip which you can apply to an image and position under the image.

Do you mean the title tag?

 

Example:

 

<a href="exampl.html" title="Example text on hover"><img src="example-image.png" alt="Example alt text" width="#" height="#" /></a>

 

No I kinda wanted a better version of that with my own formatted text under the picture link I will just have a look at the css posted above, thanks!

 

On second thoughts I will use the title method; much easier if less impressive.