Interactive Llama :: Interactive media tutorials and tips » override http://www.interactivellama.com/blog Interactive media tutorials and tips Wed, 23 Nov 2011 15:25:27 +0000 en hourly 1 http://wordpress.org/?v=3.0.3 Multiple CSS increases productivity of hiding and showing with display attribute http://www.interactivellama.com/blog/archives/multiple-css-increases-productivity-of-hiding-and-showing-with-display-attribute/ http://www.interactivellama.com/blog/archives/multiple-css-increases-productivity-of-hiding-and-showing-with-display-attribute/#comments Mon, 30 Apr 2007 16:09:47 +0000 Stephen James http://smjdesign.com/designwell/2007/04/30/multiple-css-increases-productivity-of-hiding-and-showing-with-display-attribute/ With the prevalence of DHTML, much less AJAX, I have begun to use separate Cascading Style Sheets for development and publishing. Since styles override each other, the easiest way to accomplish this is to add a second style sheet link after the publishing CSS link and comment it out when one wants to test the page.

“dev.css” contains “display: block;” within all classes that in the publishing CSS contain “display: none;” much like that below:

.profile_box { display: none;} (index.css)

.profile_box { display: block; } (dev.css)

]]> http://www.interactivellama.com/blog/archives/multiple-css-increases-productivity-of-hiding-and-showing-with-display-attribute/feed/ 0