Faking a Graphical Link

You can view an example (in an iframe) of the CSS below:

Conclusion

One more way to fake a graphical link is to make a layer of text and using the z-index place it above a layer of graphics and then just manipulate the graphics as you usually would. This method is far more complicated though and isn't as elegant as the first method listed in this article so I didn't think it would be necessary to cover.

I always recommend to people that they should use a text menu over a graphical one because the benefits to search engine rankings are very substantial. However if you cannot manage to do completely get rid of your graphical menu then using one of these techniques is definitely the way to go.

For a good CSS reference check out W3Schools, they've got a really good reference for CSS.

I'd also like to thank Mark Angeletti and Johan Faxer for contributing to the discussion that spawned this article.