Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Printing Background and Images

Status
Not open for further replies.
jrome007

jrome007

Programmer
Dec 10, 2003
11
US
Hey Everyone,

Can someone please help? There is a way to printout, background graphics on a website, without altering your browser. I’ve enclosed an example of such a site The person for whom I’m helping with this site, is too involve about the print-out, however it’s needed!!!

Thanks
 
Sort by date Sort by votes
I could not find any reference to printing backgrounds on the site you have supplied. There are only images there, no background graphics. As far as I know, there is one way only to print backgrounds, graphics and colors and that is to change the browsers settings as described in my FAQ:
The only alternative I could think of is to put pictures where your backgrounds are and set their display to none for screen and to inline (or block) when printed. This method is good for producing a custom header graphics for printing, however using it more frequently on the page would just clutter the code.
 
Upvote 0 Downvote
Vragabond,

I've included my html source code, I agree they only have images as I do, yet theirs are printable.

____

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Project</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<scrip language="javascript" type="text/javascript">
<!-- hide script from old browers


// End hiding script from old browers -->
</script>


<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body style="margin: 0px; padding: 0px;" bgproperties="fixed" "bgcolor="#FFFFFF" onLoad="MM_preloadImages('file:///E|/MARKJ/WEB_2/Graphics/Logo2.jpeg','Site_Images/home_G.gif','Site_Images/About_Us_G.gif','Site_Images/Experience_G.gif','Site_Images/Services_G.gif','Site_Images/Contact_Us_G.gif')">
<!-- 1st. Table -->


<table background="Site_Images/name_2.jpg" cellpadding="0" cellspacing="0" bgproperties="fixed" width="100%" bgcolor="2c4786" align="center">
<tr>
<td width="450">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td width="97"></td>
</tr>
<tr>
<td height="49" colspan="2" border="0"><p><strong><font face="Arial, Helvetica, sans-serif" size="2" color="ffffff"><font size="4"></strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<td height="51">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="95">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="579" height="103">
<param name="movie" value="Site_Images/JandCoProject.swf">
<param name="quality" value="high">
<embed src="Site_Images/JandCoProject.swf" quality="high" pluginspage=" type="application/x-shockwave-flash" width="579" height="103"></embed></object>
</td>
<td>&nbsp;</td>
</tr>
</table>

<table width="100%" height="25" border="0" cellpadding="0" cellspacing="0" background="file:///E|/MARKJ/WEB_2/Graphics/background_4.gif">
<tr>
<td height="25"></td>
</tr>
</table>

<table width="19%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="38%">&nbsp;</td>
<td width="62%"><img src="Site_Images/home.gif" name="Image1" width="61" height="27" id="Image1" onMouseOver="MM_swapImage('Image1','','Site_Images/home_G.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><img src="Site_Images/About_Us.gif" name="Image2" width="85" height="27" id="Image2" onMouseOver="MM_swapImage('Image2','','Site_Images/About_Us_G.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><img src="Site_Images/Experience.gif" name="Image3" width="85" height="27" id="Image3" onMouseOver="MM_swapImage('Image3','','Site_Images/Experience_G.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><img src="Site_Images/Services.gif" name="Image4" width="76" height="27" id="Image4" onMouseOver="MM_swapImage('Image4','','Site_Images/Services_G.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><img src="Site_Images/Contact_Us.gif" name="Image5" width="85" height="27" id="Image5" onMouseOver="MM_swapImage('Image5','','Site_Images/Contact_Us_G.gif',1)" onMouseOut="MM_swapImgRestore()"></td>
</tr>
</table>



</body>
</html>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
338
3esolar
3
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
413
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
114
lmcate
lmcate
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
312
PeDa
PeDa
jason.lex
  • Locked
  • Question
Bootstrap grid and columns question
Replies
0
Views
63
jason.lex
jason.lex

Part and Inventory Search

Sponsor

Back
Top