skip to content

Overlapping tabs - using one gif image

18th February 2007


Information

..and one final overlap using gif images (without the shadows of the previous demonstratons). This one uses just one image to hold the three states of the tabs, with the background position adjusted to suit.

As with the previous menu this one also has the ability to click any of the tabs and reload the page with that tab shown selected.

This has been tested in IE6, IE7, Firefox and Opera, it should also work in Safari.

The following image is used in this menu.

tab image

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.


Recommended Sites

CSSplay web design/assistance

"The citroen.co.uk web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth


Advertise with CSSplay

CSS play pages

CSS (Design) - TOP.ORG

CSS play recommend

Free, practical CSS menus, layouts, and examplesSitegrinderPSD to HTML