Time-saving List Examples!

January 28th, 2010 by Matt

This is a great html/css list how–to I used back in 2005. It still is a great tutorial and set of examples.

I have to mention a great article and set of examples that really helped me tame a list navigation problem I was having on a website design I was working on at the time. I was trying to set apart a “current” item on a list as a visual cue as to what page the viewer is on. For example, if a viewer is on your home page, make the “Home” bullet on the list white with a white bar. I was able to come up with a solution, but ran into problems with, of all browsers, Camino. (This used to be a Mac–only browser that compete with Firefox.) Anyway, with my method, it set all visited bullets on the list as white with a white bar! I visited Digital Web Magazine (great site) which led me to CSSVault (another cool site). Finally, following a link from CSSVault, I came across the perfect solution to my problem on Max Design’s Listamatic. This solution, authored by Project Seven, worked perfectly with Camino, as well as with all of my other testing browsers. Thanks a lot Project Seven! And thanks a lot Listamatic!

Posted in The Web | No Comments »

No comments yet. Be the first.

Leave a reply