Click to See Complete Forum and Search --> : Diagonal Image Links


kaio393
12-13-2007, 07:12 PM
I am creating this page:
http://theubergooglers.com/web30.html

and as you can see, there is a diagonal navigation, how do I link to those?

KDLA
12-14-2007, 09:02 AM
Best thing would be to use "hot spots," known as image mapping:
http://www.kasparius.com/tutorials/imagemap/index.htm

KDLA

Centauri
12-14-2007, 11:10 AM
You DO like to be difficult..... :)

Image maps are usually to be avoided as they are innaccessible to screen readers and search engines. Quite often, image maps may be simulated using ordinary unordered lists and css positioning (such as I did for you a while back), but the steep angles and link closeness would make this virtually impossible - image map may be the only way to do it.

If it is important to you that search engines be able to navigate past this page, put in some standard links somewhere else as well.

KDLA
12-14-2007, 01:17 PM
If search engine navigation is needed, you might try something like this: http://www.alistapart.com/articles/sprites

I'm not sure, like Centauri said, if the steep diagonals will work. However, since your image is mostly made of straight lines, it may be doable. Might be fun to experiment. :D

kaio393
12-14-2007, 10:32 PM
the hot spot thing was very easy in Dreamweaver :D