border will not disappear when printed. [Archive]

chriscanning@op

05-12-2006, 04:28 PM

Hi All, I have attached a print.css to my htmls declaring that the border which appears on screen (solid 2px #669933 not appear in the print. I have tried many ways. 'border: hidden;' and 'border: none;' , 'border: solid 0px #FFFFFF; (so that if it had to print it would print white...), 'border-left-style: none;' etc. but regardless of what I write, the border remains. I have made sure that it is the #wrapper that controls it in the html's css and am at a loss as to why in the print.css the commands regarding the border just don't take? Below are the print.css and the doc's coding. thanks for any insights you can give me!
the print css:
#wrapper {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;

}
p {
font-family: Times New Roman, Times, serif;
font-size: 11pt;
color: #000000;
overflow: auto;
}
p.style1 {color: #000000;
}
body {
font-family: Times New Roman, Times, serif;
font-size: 11pt;
color: #000000;
}
#content {
color: #000000;
font-size:10pt;
overflow: visible;
font-family: Times New Roman, Times, serif;
}
#header {
visibility: visible;
}
#footer {visibility: visible;
}
#nav {visibility: visible;
}
#photo {visibility: hidden;
}
hr {color:#666666;
}
#menu {
background-color:#FFFFFF;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
}
ul {
font-family: Times New Roman, Times, serif;
font-size: 11pt;
color:#000000;
font-weight: 100;
text-decoration: none;
}
li {
font-family: "Times New Roman", Times, serif;
font-size: 11pt;
color:#000000;
font-weight: 100;
text-decoration: none;
}
span {color:#000000;
font-size: 14pt;
}
#a href {font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
text-decoration: none;
}
a:link {color: #000000;
text-decoration: none;
}
a {
font-size: 9pt;
color: #000000;
}
a:hover {color: #000000;
text-decoration: none;
}
a:active {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
span.style1 {font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
color:#000000;
}
span.style3 {font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
color:#000000;
}
span.style6 {font-size: 11px;
}
p.stlye1 style3 {font-size: 11px;
}
span.style4 {font-size: 11px;
}
span.style5 {font-size: 11px;
}
span.style6 {font-size: 11px;
}
h1.style1 {color: #000000;
font-size: 14px;
}
img {visibility: hidden;
}
span.style7 {visibility: hidden;
}
And the html's code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="company_print.css" rel="stylesheet" type="text/css" media="print" />

<style type="text/css">

</style>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
<style type="text/css">
td img {display: block;}#nav {
position:absolute;
left:642px;
top:109px;
width:93px;
height:33px;
z-index:1;
visibility: visible;
}
</style>
<style type="text/css">

</style>
<link href="templateftygmenu.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>

<body onload="MM_preloadImages('homlinOver.gif')">
<div id="wrapper">
<div id="header">
<div id="nav">
<div align="right"><a href="index.html" onfocus="if(this.blur)this.blur()"><img src="homlin.gif" alt="link to index.html" width="46" height="20" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','homlinOver.gif',1)" onmouseout="MM_swapImgRestore()" /></a></div>
</div>
<div align="center"><img src="TYGHeader.gif" alt="header" width="707" height="115" /></div>
</div>
<div class="style7" id="Menu">
<h1 align="left" class="style1">articles</h1>
<p align="left" class="style8"> </p>
<p align="left" class="style8"><a href="FallPlanting.html" target="_self" onfocus="if(this.blur)this.blur()">fall planting</a></p>
<p align="left" class="style8"><a href="FoliageFirst.html" target="_self" onfocus="if(this.blur)this.blur()">foliage first</a></p>
<p align="left" class="style8"><a href="GardenDesignPrinciplesI.html" onfocus="if(this.blur)this.blur()">garden design... part I</a></p>
<p align="left" class="style8"><a href="GardenDesignPrinciplesII.html" target="_self" onfocus="if(this.blur)this.blur()">garden design... part II</a></p>
<p align="left" class="style8"><a href="CutToBeKind.html" target="_self" onfocus="if(this.blur)this.blur()">cut to be kind</a></p>
<p align="left" class="style8"><a href="ContainersPartI.html" onfocus="if(this.blur)this.blur()">containers and.. part I</a></p>
<p align="left" class="style8"><a href="ContainersPartII.html" target="_self" onfocus="if(this.blur)this.blur()">containers and ... part II</a></p>
<p align="left" class="style8"><a href="PuttingYourGardenToBed.html" onfocus="if(this.blur)this.blur()">putting your garden to bed</a></p>
<p align="left" class="style8"><a href="WinterInterest.html" target="_self" onfocus="if(this.blur)this.blur()">winter in your garden</a></p>
<p align="left" class="style8"><a href="WinterWindowBoxes.html" target="_self" onfocus="if(this.blur)this.blur()">winter window boxes</a></p>
</div>
<div id="#content">
<div id="content">
<p align="center" class="style1 style3"><span class="style11">“cut to be kind”</span> <br />
</p>
<p><br />
In speaking with homeowners about their gardens, there seems to be an almost universal fear of pruning that inhibits two of the most basic maintenance tasks one must attend to in the garden: cutting back and deadheading. Unfortunately, this often results in a garden that is a tangle of overgrown, leggy plants with few blooms on too-tall stalks. </p>
<p>Of course, as with most gardening chores, some advance knowledge of both the task at hand and your particular plants will go a long way toward alleviating anxiety and achieving successful results. </p>
<p>Cutting back – that is, cutting the entire plant down by one half to one third - can reduce the need for staking of later-blooming and taller perennials such as sedum “Autumn Joy”, chrysanthemum and fall-blooming asters. Late-season plants spend most of the summer growing, and by August or September have gotten too tall and will flop over if not staked. In addition, they will often produce only a few blooms atop their too-tall stalks, resulting in a somewhat ungainly appearance. By cutting back the entire plant by one half to one third sometime in June it will branch out and develop more (if somewhat smaller) buds and flowers. In addition, the plant will be sturdier and produce a more attractive shape that will be less likely to flop. It is important to know your plants before starting, as some plants will not bloom at all in the season they are pruned. </p>
<p>You can extend the blooming cycle of many perennials if you deadhead. This means cutting off spent flowers down to the next bud or flower (if you do not see a flower, cut down to the next set of leaves). By deadheading plants such as purple coneflower and shasta daisy they will continue to produce flowers instead of shutting down and setting seed for the following season. Deadheading also minimizes the number of seeds dropped into the garden, which can cause some plants to spread too rapidly. Lastly, deadheading can improve the appearance of most perennials and will often result in a second surge of blooms (for shrubbier plants with many small flowers such as nepeta and coreopsis, you can cut the entire plant back by half with hedge shears after the initial blooming is finished). </p>
<p>Again, knowing which plants will respond best to this procedure will yield the most successful results. There are many plants, such as allium and astilbe, that need not be deadheaded as they will not produce more blooms. The seedheads of these plants often provide interest in the garden even after blooming is finished and can provide a valuable food source for birds during the winter months. </p>
<p>These are just some guidelines to get you started – research the plants in your garden and then experiment to see what works best for you. Trial and error will let you know which of your plants are served well by some judicious pruning, and which are better left alone. <br />
</p>
<hr noshade="noshade" class="style1" />

 </span> ©<span class="style4 style5 style6"> 2006 sheri silver<br />

<p align="left" class="style1 style7 style7 style7"><a href="index.html" target="_self" class="style7" onfocus="if(this.blur)this.blur()">  home</a></p>
</div>
</div>
</div>
</body>
</html>