Comments on: Create an Accessible Image Based Navigation

By: Preston

Preston — Thu, 25 Aug 2011 21:09:55 +0000

I am wondering if you have a quick fix for an “active” state.

Basically I am wanting the rollover state to stay active when you are on the given page. Thank you for any help

By: Hemant Shakya

Hemant Shakya — Tue, 12 Jul 2011 12:52:23 +0000

This example is really awesome… Is this work in IE 6 or 7?

By: Rob

Rob — Thu, 12 May 2011 05:29:14 +0000

@IvoryWave

The main point of using this technique is if you disable images in your browser, your links are still visible.

The technique you describe, although commonly used, actually displays nothing on screen when images are removed, hence the lack of accessibility.

Rob.

By: IvoryWave

IvoryWave — Wed, 11 May 2011 22:57:45 +0000

Hi There, I love your designs but I am confused by why you would use this technique?

For my navigation using sprites I have always used the tag for the background image itself using display:block; overflow:hidden and text-indent:-9999px;

then simply on a:hover you put background-position: 0 33px;

I cant see the need for using all those tags

IvoryWave

By: Buffalo Web Design

Buffalo Web Design — Wed, 11 May 2011 15:47:31 +0000

Really good article. One extra point. Always make you article, page, or post super interesting to read. Make people want to come back for more.

By: Dobromir

Dobromir — Tue, 26 Apr 2011 16:15:31 +0000

I agree

By: anna

anna — Sun, 03 Apr 2011 19:49:55 +0000

Great tutorial, simple but beautiful.

By: Frank

Frank — Sat, 13 Nov 2010 15:13:39 +0000

Nevermind. Gravatar…

By: Frank

Frank — Sat, 13 Nov 2010 15:06:13 +0000

How can I add my avatar?

By: erica

erica — Sat, 06 Nov 2010 00:00:05 +0000

Hi,

I am looking for a developer who can create an image based website with fully managble content manager for my holiday rental website.
Any reccomendations?

Thanks

Erica