skip to content
IX Web Hosting

Non-IE browser Demonstrations List


Mozilla
Drop down menu
A drop-down menu using an unordered list and li:hover.
Cascading menu
A fly-out menu using an unordered list and li:hover.
Content:
Adding extra content using just CSS.
Mozzie box
A demonstration of using :hover on a div.
Rainbow box
A Demonstrating of border transparency.
Snooker cue
Border art and border transparency to produce a snooker cue.
Mozilla
Target practise
Using :target to dynamically change page styling.
Two tone headings
A method of producing two colour text using content:.
Mozilla
Opera ONLY Sliding Doors » 07-01-2007
A new version of sliding doors using just the link
Shadow text
Adding a 'shadow' effect to text using content:

Latest Demonstrations

Mozilla etc
Opera ONLY Sliding Doors - 07-01-2007A new version of sliding doors using just the link
Shadow text - 02-01-2006Adding a 'shadow' effect to text using content:

Support CSS play


If every visitor made a £5 GBP donation each year then I could offer all my demos for FREE.

www.wix.com


CSS play recommend

PSD to HTMLFree, practical CSS menus, layouts, and examplesSitegrinder

CSS play Recommend

Information

Here I hope to demonstrate some of the CSS features that are possible in Mozilla, Netscape, Opera, Safari etc. in other words non-IE browsers.

This will be based on the fact that these browsers allow the :hover pseudo class to be used on any element, which gives more scope for dynamic content such as drop-down, pull-out and cascading menus.

19th May 2007

Since starting this section, IE7 has appeared on the scene, and this browser has made the move to support :hover on any element. So the title of this section is a little misleading. I may have to revise this on any future redesign.

Copyright

Most of my demonstrations can be used without asking for permission. However, some will require email approval first. Just check each page for the copyright requirements before use.

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.



Testimonial

"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