@media print and @media screen

[damipera]

Hi,

I have a CSS with

@media print{
.image1{display:none;}
.image2{display:block;}
}

@media screen{
.image1{display:block;}
.image2{display:none;}
}

And when I look in my Dreamweaver in design view, the image for image1 class is not showing on the design view but it's still there in the code view.

The image for image2 class is showing in the design view of dreamweaver.

What I want is to show the images the other way around. I've tried to change the order of the CSS declaration but still no joy.

Is there any setting in Dreamweaver that does this? Im using DW version 8.

Thanks for any inputs.