The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

combination of CSS and javascript?? Something isn't working

Hi all,

I would like to style a button in such a way that when hovering over, a string of text will apear a little above the image. The image is a replacement for the default button. The idea is that you have a button as normal but now without any text just the image and when on mousover you will see the text telling what the button can do.

The problem is that I do not fully understand how to do this in the code I have to deal with. I guesse the only solution of doing this is with putting the value="Select Column Layouts" in between span elements position it a little above the button image and then only displaying when hover.

The thing is, in the first lines of code the button is made up but I do not have any idea how to incorporate span in it so that it will be printed in the second code block (which is the output users will see)

Yes that is what I mean. The thing is, want to use the value= "statement" because the button is from an online program that is using severall languages. So by using that text string in the box as in your example would result in a flexible solution which will work in every language without changing or adding addition text trings.

However that code requires that you ID each span that holds the message to identify it and I'm sure someone else can offer the correct code to traverse the dom and find the correct element automatically and unobtrusively.