Creating a rollover "bubble" effect with text

[ProgramPotato]

Hello, I know that there is a way to do this already,

<a href="blahblahblah.html" title="piece of information">

I want the same thing to happen, but be customizable and look the same in all browsers and OSs, and be able to add pictures. Is there a way to do this?

[eTianbun]

It can be done via javascript or CSS.

Edited June 13, 2012 by CodeName

[ProgramPotato]

It can be done via javascript or CSS.

How exactly could I do this?

[niche]

Do you mean a bubble effect like this: http://theroostergroup.com/ (hover the Rooster Design Group logo)?

[ShadowMage]

Google CSS tooltips.

[ProgramPotato]

Do you mean a bubble effect like this: http://theroostergroup.com/ (hover the Rooster Design Group logo)?

yeah something like that, just the bubble tip facing down

[ShadowMage]

If you want speech bubbles, you might try Googling CSS arrows or CSS speech bubbles or something to that effect. If you want more customized or fancy looking bubbles (like a thought cloud for example) you could use a background image instead of the CSS arrow approach. Either way, it can all be done with pure CSS. EDIT: Actually, it looks like you can get pretty customized without resorting to images. Check out this demo page:http://nicolasgallagher.com/pure-css-speech-bubbles/demo/There are links to the tutorial and the fully commented CSS on that page as well.

Edited June 14, 2012 by ShadowMage