Ignoring some div elements when printing topic

[Aurelie F]

Hello,

I have a topic with many divs. Some are set to pop up every time the topic is opened, some are set to appear on the left side of the screen, etc. However when printing the topic all the divs are appearing on top of each other and it just looks plain messy. I would like to change this somehow, so that only some of the elements of the topic are being printed (not the pop up div etc.).
From having read the forums I know this needs to be done via the css media print, but I have no idea how to do this. Would creating a special style class work? But then what do I change in the css so that these elements are ignored when the page is being printed?

Many thanks

[NorthEast]

I'd try using display: none ; e.g.

Code: Select all

@media print { div.classname { display: none; } }

[Aurelie F]

Thanks Dave, that did the trick - Brilliant! =)