Solved

print page problem with flash object

Posted on 2008-06-11
2
438 Views
Last Modified: 2008-07-23
Hi, I am trying to use some css to define what is printed and what is not. For some reason my flash is still being printed. Please help if you can.
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jeff Janson Online Show Proofs</title>
<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/ -->
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
#flashcontent {
	height: 100%;
	font: 12px 'Trebuchet MS', arial, sans-serif;
	font-weight: bold;
	color: #999;
	text-align:center;
	line-height: 200px;
}
body {
	margin: 0;
	padding: 0;
	background-color: #303030;
	height:100%;
	width: 100%;
}
#flash {
	display: block;
}
html {
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
}
 
@media print {
 
            .unprintable {
                  display: none;
            }
            .printable {
                  display: block;
            }
 
      }
@media screen{
            .printable {
                  display: none;
            }
      }
</style>
</head>
<body>
<div id="flashcontent"> You need to upgrade your Flash Player !</div>
<div class="unprintable">
<script type="text/javascript">
		// <![CDATA[
						
		var so = new SWFObject("Gallery.v.2.swf", "flash", "100%", "100%", "8", "#303030");
		so.addVariable("xml", "data.xml");
		so.write("flashcontent");
		
		// ]]>
	</script>
    </div>
<div class="printable">
I want this printed
</div>
</body>
</html>

Open in new window

0
Comment
Question by:pertrai1
2 Comments
 
LVL 9

Expert Comment

by:zemond
ID: 21767442
zYou seem to be writing the flash object into  the div 'flashcontent' which does not have the class
0
 

Accepted Solution

by:
pertrai1 earned 0 total points
ID: 22034341
I was able to create a css for print only where the whole body was hidden. Thanks anyways.
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question