Internet Explorer only demos

Example One
A demo of pop-up boxes, opacity and top to bottom text.
Weft Fonts
Using any font you like with IE Weft.
Vertical Align
A method of vertical alignment using CSS.
Vertical Tab Menu
Using 'writing-mode' to make a vertical tab menu.
3 pixel bug fix
Fixing the old IE6 3px vertical gaps in three column layouts
PNG image map » 19-11-2009
Using background png images for irregular shape imagemaps.
Three IE7/8 Galleries » 10-09-2010
Using Microsoft timeAction scripting to prodcue three galleries.
IE6 png fix » 01-10-2010
IE6 png fix for foreground images with no extra markup.
An IE7 bug
A bug found in IE7 and a workaround.
IE10 specific styles » 09-02-2013
IE10 Grid layout with three columns cneter exclusion zone and touch scrolling
Windows 8 & IE10/IE11 specific styles » 28-09-2013
A full screen responsive left/right swipe action gallery using just CSS (NO javascript)

Information

This section is for Internet Explorer 6 and 7 owners only, and is here to explore this browsers expressions. Mainly using :hover and :filters,

IE also has the ability to use any font you like by creating a special font file using WEFT which has a free download from the Microsoft website. A demonstration of this is included in the list above.
Whilst this is only for Internet Explorer, it would be nice if there were some standard method of allowing any font to be 'embeded' into your page.

If you like any of these demonstrations I have left the css in the page source so help yourself.



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.


Latest Demonstrations

Internet Explorer
Windows 8 & IE10/IE11 specific styles » 28-09-2013A full screen responsive left/right swipe action gallery using just CSS (NO javascript)
IE10 specific styles » 09-02-2013IE10 Grid layout with three columns cneter exclusion zone and touch scrolling
IE6 png fix » 01-10-2010IE6 png fix for foreground images with no extra markup.
Three IE7/8 Galleries » 10-09-2010Using Microsoft timeAction scripting to prodcue three galleries.
PNG image map » 19-11-2009Using background png images for irregular shape imagemaps.
Vertical Tab Menu » 24-02-2007Using 'writing-mode' to make a vertical tab menu.

Please Support CSS play

For more CSS demonstrations I recommend that you visit the Dynamic Drive CSS Library.


Free, practical CSS menus, layouts, and examples

Follow CSS play


Facebook   Twitter   Facebook Fan Page