How do I create Google Map effect?

to get those tooltip balloons

[wavesurf]

I'm trying to create an effect where I have a small bubble/square pop up with more information when moving my cursor above a div-tag or some other element. Kind of like company-information pops up on Google Maps.

I can't seem to find anything on it on the net, but hopefully someone here can point me in the right direction.

Thanks.

[doodlebee]

Well, it's not a CSS question. However, you can Google "overlib.js" and find an excellent javascript that fits what you're looking for.

[SuzyUK]

that's a good one doodlebee

you could do it with CSS (:hover) ~ do a search for "Pure CSS Popups", but it likely depends on the application, i.e. what you want to put in the tooltip and what you're hovering over to genrerate it.

I'm sure there's some smooth AJAX/Javascript Tooltip effects out there too

[rj87uk]

I would push for the CSS only tool tips as search engines can pick up what you put inside and also some people don't have JavaScript turned on. Then again a con would be its hard to get it the way you want it on all target broswers!