Cant get my pages to link to my print css pages

I’m in that mental state where I just cant see straight any more, v tired so everything looks foggy :frowning:

Heres my problem. Ive created a seperate css file for printing. But on this page http://www.pauserefreshment.co.uk/vision_coffee_machine.html
everytime I print its clear the css file print.css is ignored :frowning:

So ive done something wrong in the head with this line of code -
<link href=“css/print.css” rel=“stylesheet” type=“text/css” media=“print”> But i cant see it…

@charset "utf-8";
/* CSS Document */

#sidebar {
display: none;
	}

#menu {
	display: none;
	}

.free {
	display: none;
	}
	
table {
display: none;
	}	
	
form {
display: none;
	}	
	
#content {
	width:100%;
	padding:0;
}

BODY {color: black; background: white;} 

#content .orange2 {color: black; background: white;} 
#content .orange {color: black; background: white;} 
#content .style2 {color: black; background: white;}

a {color: black; 
    background: white;	
	display:none
	}
	
#footer {
display:none;
}	
<!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>
<title>Professional coffee machines - Vision 400 | pause... refreshment business coffee machine services</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all"> 
@import "css/product_detail.css";
<link href="css/print.css" rel="stylesheet" type="text/css" media="print"> 
</style>
</head>
<body>
<div id="pagewidth">
<div id="header">
  <p> <a href="index.html"> Pause </a> </p>
  <ul>
    <li> <a href="whoweare.html" class="who"> who we are... </a> </li>
    <li> <a href="ourrange.html" class="our"> our range... </a> </li>
    <li> <a href="happycustomers.html" class="happy"> happy customers... </a> </li>
    <li> <a href="talktous.html" class="come"> come &amp; say hello... </a> </li>
    <li> <a href="hotel_coffee_machines.html" class="useful"> useful things...</a> </li>
    <li> <a href="office_coffee_machines.html" class="on-line"> on-line shop... </a> </li>
    <li> <a href="shop_coffee_machines.html" class="show"> show you care... </a> </li>
  </ul>
</div>
<div id="main">
  <div id="content">
    <div class="left">
      <h1 class="orange">Introducing the Vision 400 professional coffee machine </h1>
      <p><span class="type">Get a coffee machine quote: Call Suzy 01924 363091 |<a href="mailto:david@pause.co.uk;hello@pause.co.uk"><strong> suzy@pause.co.uk</strong></a></span></p>
      <p><img class="free" src="images/model_instant/vision2.jpg" alt="professional coffee machine - Vision 400" />When you want a quick push button professional coffee machine service  then pause...refreshment recommends the Vision 400 instant table top coffee machine. </p>
      <p>Available direct from pause... refreshment  the Vision 400 delivers a portable, automatic 
        coffee shop solution at the push of a button.</p>
      <p>And don't worry about having to don the rubber gloves, the vision 400 rarely needs cleaning, it's low maintenance and like Bruce Forsyth just keeps going and going.</p>
      <p><a href="bean_meets_machine.html">See more <strong>professional coffee machine</strong> choices</a>.
      <div style="clear:both"></div>
      <h2 class="orange2">What drinks can the Vision 400 professional coffee machine serve up?</h2>
      <p>When you plug in the Vision 400 automatic, coffee machine you've got a workplace coffee service to rival any high street Café. Check out the  coffee machine choice the Vision 400 delivers:</p>
      <UL>
        <LI>black coffee</LI>
        <LI>black tea</LI>
        <li>cappuccino</li>
        <li>hot chocolate</li>
        <li>espresso</li>
        <li>café mocha</li>
        <li>chocomilk </li>
        <li>café au lait </li>
        <li>hot water</li>
        <li>hot milk</li>
      </UL>
      <div style="clear:both"></div>
      <h3 class="orange2">What are the eco credentials of the Vision 400 professional coffee machine?</h3>
      <p><img class="free" src="images/green/eco_world_2.jpg" alt="professional coffee machines with eco credentials"/>Our pause perspective which rates the environmental impact of our professional coffee machines awards the Vision 400 office coffee machine two smiles out of three.</p>
      <UL class="eco">
        <LI class="eco2">WEEE compliant coffee machine parts returned to manufacturer</LI>
        <LI class="eco11">Generates no waste products</LI>
      </UL>
      <p>&nbsp;</p>
      <h5 class="orange2">Will the Vision 400 professional coffee machine face fit?</h5>
      <p><img class="free" src="images/model_instant/krist_400.jpg" alt="professional coffee machine - Vision 400" />The Vision 400 as modelled by Kristina from customer services  has definitely kept in shape.
        Another compact table top automatic coffee service solution from pause... refreshment its vital statistics are height 680mm  width 380mm.</p>
      <p>The Vision 400 office coffee machine can also be converted to coin operated.</p>
      <p>The Vision 400 coffee machine does need connecting to  the water mains but don't worry we sort all that out.</p>
      <div style="clear:both"></div>
      <h6 class="orange2">Professional coffee machines  with mechanic support.</h6>
      <p><img class="free"  src="images/model_machine/terry_mechanic2.jpg" alt="Terry our coffee mechanic says Ey up" width="150" height="150"  />When you order a coffee machine from pause... refreshment we
        make sure your coffee maker keeps healthy with regular 
        maintenance checks by our coffee machine mechanics. 
        You  get a direct tel. number for any technical assistance and an order
        line manned by our ever helpful Wakefield staff.</p>
      <div style="clear:both"></div>
      <h6 class="orange2">How do I get hold of a Vision 400 professional standard coffee machine?</h6>
      <p class="type"><img class="free" src="images/delivery/van.jpg" width="150" height="150" alt="professional coffee machine delivery" />To get hold of a Vision 400 coffee machine call Suzy on <b>01924 363091</b>, eMail <a href="mailto:david@pause.co.uk;hello@pause.co.uk"><b>suzy@pause.co.uk </b></a>or if you have time fill in the form below and we'll get right back to you :-)</p>
      <div style="clear:both"></div>
      <p class="print"><a href="#" onclick="window.print();return false;">Print friendly version</a></p>
      <form action="submitform.php" method="post" name="askusaquestion">
        <input type="hidden" name="form" value="2" />
        <table border="0">
          <tr>
            <td>*Name</td>
            <td><input name="name" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>Position</td>
            <td><input name="position" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>*Company</td>
            <td><input name="company" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>Address</td>
            <td><textarea name="address" cols="20" rows="2"></textarea></td>
          </tr>
          <tr>
            <td>*Postcode</td>
            <td><input name="postcode" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>*Telephone</td>
            <td><input name="telephone" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>*Email</td>
            <td><input name="email" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>Existing customer</td>
            <td><label>
              <input type="radio" name="existing" value="1" id="RadioGroup1_0"  />
              Yes</label>
              <br />
              <label>
              <input type="radio" name="existing" checked="checked" value="0" id="RadioGroup1_1" />
              No</label>
              <br />
            </td>
          </tr>
          <tr>
            <td>Customer account number</td>
            <td><input name="accountnumber" type="text" size="20" /></td>
          </tr>
          <tr>
            <td>*Nature of question</td>
            <td><select name="natureofquestion" size="0">
                <option>please select...</option>
                <option>Need a quote</option>
                <option>equipment</option>
                <option>ingredients</option>
                <option>pause points</option>
                <option>admin</option>
                <option>deliveries</option>
                <option>accounts</option>
                <option>my account manager</option>
                <option>customer service</option>
                <option>other</option>
              </select></td>
          </tr>
          <tr>
            <td>*Question </td>
            <td><textarea name="question" cols="20" rows="5"></textarea></td>
          </tr>
          <tr>
            <td>When is the best time to call you? </td>
            <td><input name="calltime" type="text" size="20" /></td>
          </tr>
        </table>
        <input type="submit" value="Send" />
      </form>
    </div>
  </div>
  <!-- Our range nav -->
  <div id="sidebar">
    <ul>      
      </li>
      <li class="activeyellow"> <a href="ourrange.html"> our coffee machine range :-)<span style="dotsyellow">... </span> </a>
        <ul>
          <li> <a href="franke_evolution_coffee_machine.html"> FRANKE Evolution - Bean 2 Cup</a><span style="dotsyellow">...</span> </li>
          <li> <a href="flavia_creation_400.html"> Flavia 400 - Filter</a><span style="dotsyellow">...</span> </li>
          <li> <a href="franke_coffee_machine.html"> FRANKE Flair - Bean 2 Cup</a><span style="dotsyellow">...</span> </li>
          <li> <a href="cafe_coffee_machines.html"> Fresh Ground 310 - Bean 2 Cup</a><span style="dotsyellow">...</span> </li>
          <li> <a href="koro_coffee_machine.html"> Koro - Bean 2 Cup</a><span style="dotsyellow">...</span> </li>
          <li> <a href="mondo2_coffee_machine.html"> Mondo 2 - Filter</a><span style="dotsyellow">...</span> </li>
          <li> <a href="qwikbrew_coffee_machine.html"> Qwikbrew - Filter</a><span style="dotsyellow">...</span> </li>
          <li> <a href="pump_coffee_machine.html"> Therm - Filter</a><span style="dotsyellow">...</span> </li>
          <li> <a href="#"> Vision 400 - Instant</a><span style="dotsyellow">...</span> </li>
        </ul>
      </li>
      <li> <a href="ouringredients.html"> our ingredients<span style="dotsyellow">... </span> </a> </li>
      <li> <a href="largeorganisations.html"> large organisations<span style="dotsyellow">...</span> </a> </li>
      <li> <a href="specialoffer.html"> special offer<span style="dotsyellow">...</span> </a> </li>
      <li> <a href="pausepromise.html"> pause promise<span style="dotsyellow">...</span> </a> </li>
    </ul>
  </div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> 
</script>
<script type="text/javascript"> 
_uacct = "UA-4432210-1";
urchinTracker();
</script>
</body>
</html>

Any insights welcome - I’m loosing the strength the press the keys on this lap top at the mo…

I combined some of your styles:

@charset "utf-8";
/* CSS Document */

#sidebar,#menu,.free,table,form,a,#footer{
 display:none
}	
	
#content{
 width:100%;
 padding:0;
}

body{color:black;background:white;} 

#content .orange2{color:black;background:white;} 
#content .orange{color:black;background:white;} 
#content .style2{color:black;background:white;}

a{
 color:black; 
 background:white;	
}

Here is what it looks like for me:

what i see the problem is that you have link rel inside <style></style>


<style type="text/css" media="all"> 
@import "css/product_detail.css";
<link href="css/print.css" rel="stylesheet" type="text/css" media="print"> 
</style>

It should be outside <style></style> and inside <head></head>

vineet

The problem is that (I believe, I don’t have a printer) you have a <link> to import the print.css but it is INSIDE a <style> tag which is invalid.

Try moving the <link> out :). Untested since I don’t have a printer

Edit:

Should have refreshed

Oops I missed that. :blush:

It’s quite alright, at least you made an attempt which shows good spirit :).

Lol. :slight_smile:

Thanks everyone - you’ve fixed the problemo :slight_smile: