Comments on: Advanced CSS Rollovers Tutorial on CreativePro.com http://www.sawmac.com/etc/2007/08/21/advanced-css-rollovers-tutorial-on-creativeprocom/ tips, tricks, news, ideas and random thoughts about and from the web Tue, 06 Jan 2009 15:22:49 +0000 http://wordpress.org/?v=2.0.4 by: Dave McFarland http://www.sawmac.com/etc/2007/08/21/advanced-css-rollovers-tutorial-on-creativeprocom/#comment-11509 Wed, 29 Aug 2007 15:47:29 +0000 http://www.sawmac.com/etc/2007/08/21/advanced-css-rollovers-tutorial-on-creativeprocom/#comment-11509 Hi Bill, There's no way to add a timed delay in CSS. You must use JavaScript for that. However, you can use CSS to create drop down menus that don't rely on JavaScript--you just can't control the timing of the drop downs. You can check out the tutorial on this page: http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp The new Dreamweaver CS3 also has a tool for adding drop down menus. It does use JavaScript, but it was built to produce HTML that uses very simple HTML that is completely accessible to screen readers. Hi Bill,

There’s no way to add a timed delay in CSS. You must use JavaScript for that. However, you can use CSS to create drop down menus that don’t rely on JavaScript–you just can’t control the timing of the drop downs. You can check out the tutorial on this page: http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

The new Dreamweaver CS3 also has a tool for adding drop down menus. It does use JavaScript, but it was built to produce HTML that uses very simple HTML that is completely accessible to screen readers.

]]> by: Bill Patterson http://www.sawmac.com/etc/2007/08/21/advanced-css-rollovers-tutorial-on-creativeprocom/#comment-11499 Tue, 28 Aug 2007 17:59:04 +0000 http://www.sawmac.com/etc/2007/08/21/advanced-css-rollovers-tutorial-on-creativeprocom/#comment-11499 We are changing out templates to CSS 508 compliant but our horiz menu is going to be CSS using text only in a drop down method, no graphics. I read your article and was wondering if you knew how to add a second delay on a mouseover without using javascript? We want to keep this as pure as possible for screen readers and therefore would like to add some delay so left hand navigational menus can be gotten to when mouseover the main horiz ones. We are changing out templates to CSS 508 compliant but our horiz menu is going to be CSS using text only in a drop down method, no graphics. I read your article and was wondering if you knew how to add a second delay on a mouseover without using javascript? We want to keep this as pure as possible for screen readers and therefore would like to add some delay so left hand navigational menus can be gotten to when mouseover the main horiz ones.

]]>