How do I create image roll over nav buttons in Wordpress

Question

It's easy enough in Wordpress to create a nav bar based off wp_list_pages and wp_list_categories. But these output text, and you can't effect each output li in a different way.

I know I can manually create the nav bar, but is there a good way to replace the wp_list_ output with images?

Answer 1

Create a plugin with this functionality, use it in your projects, and publish it in the WordPress site, so everyone can use it later =)

Answer 2

Just alter your CSS to display the images as backgrounds to the li elements and the anchors as block elements. For best usability, set the text-indent in your anchors to something line -9999px.

To better understand how to select and style the nav list and its elements, read this.