Advertise here

Image replacement with NO flicker

Pre 2006

copyright © stu nicholls - CSS play

Information

For David

This time I have used the <li> tag to hold the initial image.

As with the previous examples the first list above works in all tested browsers including IE5.01 and IE5.5

NOTE. Again I am using a standard unordered list for the menu. This allows the background image to be displayed but not the text. So for the purists this will degrade to a standard list.

But if you want the link text as well, then the second menu above will do the trick.


Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.



  • Each week the Creare Group produce video tutorials for SEO and tips and tricks for the web design industry.

Recommended Sites


Please Support CSS play

CSS play Recommend

Free, practical CSS menus, layouts, and examples

Follow CSS play


Facebook   Twitter   Facebook Fan Page

Just CSS | Designs for the future

Like the CSS Zen Garden?
Then why not visit Just CSS and see it you can design for the future.