21 "Pure" CSS hover and "Sticky"

At my :hover emulation for IE5+
solution, I used the same idea in my hot spot example
.

This way the tooltips are “half sticky”. You can mouseover the tooltip but it hides when you mouseout. I think in many situation this is easier for the user as clicking a close button to hide the tooltip.

posted at 07:19 am on April 19, 2006 by Janos Horvath

22 Nice addition...

I did something similar to this a couple weeks ago (http://infinity-stuff.com/blog/20060313/interactive-images/), obviously not as nice as this but the same kind of idea.

Its nice to see accessibility and neat effects combined together to make something great.

posted at 06:22 am on April 20, 2006 by Nick Presta

23 sounds familiar

Nice stuff .. sounds familiar.

Reminds me of an article I wrote about a month ago – and my old website showing off that knowledge for more than half a year, too. ;)

Note: Currently the domain name (data-travelers.de) is moving to another IP address, thus the link’ll be valid again in a few hours.

cu, w0lf.

posted at 06:01 pm on April 20, 2006 by Fabian Wolf

24 Tabbing through sticky example

I found while tabbing through the sticky example that the map would only show for every third press of the tab key. It seemed the first time it is pressed the sticky is shown and points to the Wikipedia link. The second the sticky is not shown and the link points to “[removed]void(0);” (presumably the close sticky button). The third press presents is to the same link as the first example, but no sticky (presumably to the Wikipedia link within the sticky). Can the modified code for the sticky version be updated to avoid following these links?

posted at 09:11 pm on April 20, 2006 by Brian LePore

26 Strange behaviour in IE7b2 without html comment in

If the HTML comment at the top of the source in the stickymap example is removed and the page is loaded in IE7b2, the tooltip layout breaks. The close button (a cross image) moves outside the tooltip, and if there is no image within the tooltip, text flows outside it on the right-hand side.

Odd.

posted at 02:02 am on April 21, 2006 by Dave Higgins

27 Regarding HTML source comment (cf post 25)

The HTML comment at the top of the source causes IE6 (as well as IE7b2) to switch to quirks mode. This must be part of the problem. To test if IE is in standards-compliance or quirks mode, type
[removed]alert(document.compatMode);
into the address bar after loading a page. ‘BackCompat’ means quirks, ‘CSS1Compat’ means standards.

posted at 02:40 pm on April 21, 2006 by Dave Higgins

28 Accessible Site Map

Good article, I will be experimenting with this. Good to see with API’s, accesibility is still an option.

posted at 02:57 pm on April 21, 2006 by Jim Callender

29 accessible are you sure?

for sure good article, nice map, more accessible than others but
sorry but there is still a big problem. When i turn off the image but not the css, the map and the spot desappear

posted at 05:14 pm on April 22, 2006 by levy aurelien

30 Search features

What could make this kind of a map even better, would be the ability to search within the grids. I was working on a similar thing a few years back. But as the client was less interested we gave it up.

Imagine me just searching for a street in a map and the particular streets gets highlighted.

After google earth, there are very few things i now desire in a map. Cheers!

posted at 06:19 pm on April 24, 2006 by rohan dsouza