SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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 :-(

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


    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...

    Code:
    @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;
    }



    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>
    <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 have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I combined some of your styles:
    Code CSS:
    @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:
    Last edited by RetroNetro; Jan 22, 2010 at 21:55.

  3. #3
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    622
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    what i see the problem is that you have link rel inside <style></style>

    Code:
    <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

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    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
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    you have a <link> to import the print.css but it is INSIDE a <style> tag which is invalid.
    Oops I missed that.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by BPartch View Post
    Oops I missed that.
    It's quite alright, at least you made an attempt which shows good spirit .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    It's quite alright, at least you made an attempt which shows good spirit .
    Lol.

  8. #8
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks everyone - you've fixed the problemo :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •