You adjust in the browser, whether the background colors and images are printed. See your browsers printing options.

[Google Chrome offers this feature starting from version 26][1] (march 2013).

Also [starting from version 17][2], Chrome allows changing the background print behavior programmatically by using `-webkit-print-color-adjust:exact;` in the element CSS to print the background.


  [1]: http://code.google.com/p/chromium/issues/detail?id=113594
  [2]: https://stackoverflow.com/a/9339257/698168

Gordon&#39;s answer is great, but for people whose CSS skills are rusty, here&#39;s a more complete example.

Put the following in your document&#39;s `&lt;head&gt;` section.

    &lt;style type=&quot;text/css&quot;&gt;
    @media print { body { -webkit-print-color-adjust: exact; } }
    &lt;/style&gt;

----------

By the way, although Chrome/Chromium&#39;s print dialog now has a `Background graphics` checkbox, it only seems to work if you do not click `Print using system dialog` (observed with Chromium in Linux).

Chrome &gt; Print (`cmd P`) &gt; *click* More Settings &gt; Options: *check* **Background graphics**

[![Chrome Print Preview][1]][1]


  [1]: https://i.stack.imgur.com/zY0Vc.png

I&#39;m trying to schedule a repeating event to run every minute in Python 3.

I&#39;ve seen class `sched.scheduler` but I&#39;m wondering if there&#39;s another way to do it. I&#39;ve heard mentions I could use multiple threads for this, which I wouldn&#39;t mind doing.

I&#39;m basically requesting some JSON and then parsing it; its value changes over time.

To use `sched.scheduler` I have to create a loop to request it to schedule the even to run for one hour:

    scheduler = sched.scheduler(time.time, time.sleep)
    
    # Schedule the event. THIS IS UGLY!
    for i in range(60):
        scheduler.enter(3600 * i, 1, query_rate_limit, ())
        
    scheduler.run()

What other ways to do this are there?

Schedule a repeating event in Python 3

What problem do MOM (Message Oriented Middleware) solve? Scalability? Integration?

In which domain are they typically used and in which domains are they typically *not* used?

For example, say, is Google using such solution for it&#39;s main search engine or to power GMail?

What about big websites like Walmart, eBay, FedEx (pretty much a Java shop) and buy.com (pretty much an MS shop)? Does MOM solve a need there?

Does it make any sense when you&#39;re writing a Webapp where you control the server-side and have an homogenous environment (say tens of Amazon EC2 instances all running Linux + Java JVMs) there and where the clients are, well, Web browsers?

Does it make sense for desktop apps that need to communicate with a server?

Or is it &#39;only&#39; for big enterprise stuff where you typically have a happy mix of countless of different systems that needs to communicate in a way or another?  

I&#39;m a bit confused as to what they&#39;re useful for and I think that with example of where they&#39;re appropriate and where they&#39;re not appropriate I could better understand their use.


In which domains are message oriented middleware like AMQP useful?

I am trying to print a PHP generated document in chrome, on the browser it looks fine [Link to the page I want to print][1] But my printer will not print any coloured backgrounds, can anyone offer any suggestions please? Can I do this with CSS?


  [1]: http://www.abbeysoft.co.uk/adi/241/quote.php 

Print Background colours in Chrome

<p>I am trying to print a PHP generated document in chrome, on the browser it looks fine <a href="http://www.abbeysoft.co.uk/adi/241/quote.php" target="_blank" rel="noopener noreferrer">Link to the page I want to print</a> But my printer will not print any coloured backgrounds, can anyone offer any suggestions please? Can I do this with CSS?</p>


Are unused CSS images downloaded by the browser or ignored?

Eg. in CSS rules which don&#39;t match any elements.

    .nothingHasThisClass{background:url(hugefile.png);}

Or would this be browser-dependant?

Are unused CSS images downloaded?

I&#39;ve read somewhere that `&lt;img&gt;` element behaves like both. If correct, could someone please explain with examples?

Is &lt;img&gt; element block level or inline level?

So I have created a slider for a homepage, that slides some images with a title and teaser text using jQuery. Everything works fine, and I went to check IE and found that IE 6 and 7 kills my slider css completely. I can&#39;t figure out why, but for some reason I can&#39;t hide the non active slides with overflow: hidden; I&#39;ve tried tweaking the css back and forth, but haven&#39;t been able to figure out what&#39;s causing the problem.

I&#39;ve recreated the problem in a more isolated html page.

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;da&quot; lang=&quot;da&quot; dir=&quot;ltr&quot;&gt;
      &lt;head&gt;
        &lt;style&gt;
          body {
           width: 900px;
          }
          .column-1 {
            width: 500px;
            float: left;
          }
          .column-2 {
            width: 200px;
            float: left;
          }
          .column-3 {
            width: 200px;
            float: left;
          } 
          ul {
            width: 2000px;
            left: -499px;
            position: relative;
          }

          li {
            list-style: none;
            display: block;
            float: left;
          }

          .item-list {
            overflow: hidden;
            width: 499px;
          }
        &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div class=&quot;column-1&quot;&gt;
          &lt;div class=&quot;item-list clearfix&quot;&gt;
            &lt;ul&gt;
              &lt;li class=&quot;first&quot;&gt;
                &lt;div class=&quot;node-slide&quot;&gt;
                  &lt;img src=&quot;http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg&quot; /&gt;
                  &lt;div class=&quot;infobox&quot;&gt;
                    &lt;h4&gt;Title 1&lt;/h4&gt;
                    &lt;p&gt;Teaser 1&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;div class=&quot;slide&quot;&gt;
                  &lt;img src=&quot;http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg&quot; /&gt;
                  &lt;div class=&quot;infobox&quot;&gt;
                    &lt;h4&gt;Title 2&lt;/h4&gt;
                    &lt;p&gt;Teaser 2&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class=&quot;last&quot;&gt;
                &lt;div class=&quot;slide&quot;&gt;
                  &lt;img src=&quot;http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg&quot; /&gt;
                  &lt;div class=&quot;infobox&quot;&gt;
                    &lt;h4&gt;Title 3&lt;/h4&gt;
                    &lt;p&gt;Teaser 3&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;column-2&quot;&gt;
          ...
        &lt;/div&gt;
        &lt;div class=&quot;column-3&quot;&gt;
          ...
        &lt;/div&gt;
      &lt;/body&gt;
    &lt;/html&gt;

I&#39;ve tracked down that it is the

    ul {
      position: relative;
    }

on the ul element that is causing the overflow: hidden not to work, but why that is, I don&#39;t know. Also this is needed to make the slider javascript work using the left attribute on the ul to slide it. Any ideas as to how you can fix this is most welcome.

IE6 + IE7 CSS problem with overflow: hidden; - position: relative; combo

I&#39;m trying to construct a layout similar to the following:

    +---+---+---+
    |   |   |   |
    +---+---+---+
    |           |
    +-----------+

where the bottom is filling the space of the upper row.

If this were an actual table, I could easily accomplish this with `&lt;td colspan=&quot;3&quot;&gt;`, but as I&#39;m simply creating a table-like *layout*, I cannot use `&lt;table&gt;` tags. Is this possible using CSS?

HTML colspan in CSS

I have a lot of `&lt;a&gt;` html tags without the `href` attribute for making `onclick` javascript calls. These links do not have a pointer style of cursor. They have text style cursor.

How can I set the cursor style to pointer for links without using the `href` attribute?


I know I can add href=&quot;#&quot;. I have this in a lot of places in the html document, and would like to know how to make cursor style pointer for links without using the `href` attribute.

how to set cursor style to pointer for links without hrefs

How can an extension find out that it is being run for the first time or has just been updated, so that the extension can perform some specific actions? (e.g. open a help page or update settings)

Detect Chrome extension first run / update

The new Google Chrome auto-translation feature is tripping up on one page within one of our applications.  Whenever we navigate to this particular page, Chrome tells us the page is in Danish and offers to translate.  The page is in English, just like every other page in our app.  This particular page is an internal testing page that has a few dozen form fields with English labels.  I have no idea why Chrome thinks this page is Danish.

Does anyone have insights into how this language detection feature works and how I can determine what is causing Chrome to think the page is in Danish?

Why does Chrome incorrectly determine page is in a different language and offer to translate?

I have been working on a web app and for part of it I need to open a new window. I have this working on all browsers, my sticking point is with Google Chrome.

Chrome seems to ignore the window features which is causing me issues, the thing I&#39;m struggling with is I need the address bar to be editable within the new window. FF, IE, Safari and Opera do this fine, Chrome does not.

My Code: 

    function popitup(url) {
      newwindow=window.open(url, &#39;name&#39;, &#39;toolbar=1,scrollbars=1,location=1,statusbar=0,menubar=1,resizable=1,width=800,height=600&#39;);
      if (window.focus) {
        newwindow.focus()
      }
      return false;
    }


Google Chrome &quot;window.open&quot; workaround?

*How to start an external application from a Google Chrome Extension?*

So basically I have an executable file which does the job when you launch it. I need to be able to start it without a window (it is a console application) and pass the current URL to it in an argument,

Start an external application from a Google Chrome Extension?

I need to know if the user is currently viewing a tab or not in Google Chrome. I tried to use the events blur and focus binded to the window, but only the blur seems to be working correctly.

    window.addEventListener(&#39;focus&#39;, function() {
      document.title = &#39;focused&#39;;
    });
    
    window.addEventListener(&#39;blur&#39;, function() {
      document.title = &#39;not focused&#39;;
    });

The focus event works weird, only sometimes. If I switch to another tab and back, focus event won&#39;t activate. But if I click on the address bar and then back on the page, it will. Or if I switch to another program and then back to Chrome it will activate if the tab is currently focused.

How to detect when a tab is focused or not in Chrome with Javascript?

I&#39;ve recently been working on a print stylesheet for a website, and I realized that I was at a loss for effective ways to tweak it. It&#39;s one thing to have a reload cycle for working on the on-screen layout:

- change code
- command-tab
- reload

but that whole process gets much more arduous when you&#39;re trying to print:

- change code
- command-tab
- reload
- print
- squint at print-preview image
- open PDF in Preview for further inspection

Are there tools I&#39;m missing out on here? Does WebKit&#39;s inspector have a &quot;pretend this is paged media&quot; checkbox? Is there some magic that Firebug (*shudder*) can do?

Suggestions for debugging print stylesheets?

I am doing something like this in javascript to print a section of my page on click of a link

    function printDiv() {
     var divToPrint = document.getElementById(&#39;printArea&#39;);
     var newWin = window.open();
     newWin.document.write(divToPrint.innerHTML);
     newWin.print();
     newWin.close();
    }

It works great in Firefox but not in IE.

Could someone please help



window.print() not working in IE

Why do this Ruby object both a `to_s` and `inspect` methods that appear to do the same thing?

The `p` method calls `inspect` and puts/print calls `to_s` for representing the object.

If I run

    class Graph
      def initialize
        @nodeArray = Array.new
        @wireArray = Array.new
      end
      def to_s # called with print / puts
        &quot;Graph : #{@nodeArray.size}&quot;
      end
      def inspect # called with p
        &quot;G&quot;
      end
    end

    if __FILE__ == $0
      gr = Graph.new
      p gr
      print gr
      puts gr
    end

I get

    G
    Graph : 0
    Graph : 0

 * Then, why does Ruby have two functions do the same thing? What is the difference between `to_s` and `inspect`?
 * And what&#39;s the difference between `puts`, `print`, and `p`?

If I comment out the `to_s` or `inspect` function, I get as follows.

    #&lt;Graph:0x100124b88&gt;
    #&lt;Graph:0x100124b88&gt;


Why do this Ruby object have both to_s and inspect methods that appear to do the same thing?

When writing a print stylesheet, is there a way to ensure that an image is always only on a single page, instead of spanning multiple pages. The images much smaller than the page, but based on the document flow, they end up at the bottom of the page and get split. An example of the behavior I&#39;m seeing is below:

    Page 1 |                    |
           |  (text text text)  |
           |  (text text text)  |
           |  ________________  |
           | | Top of image   | |
           |____________________|
           ------page break------
            ____________________
    Page 2 | | Rest of image  | |
           | |________________| |
           |         …          |

What I&#39;d like

    Page 1 |                    |
           |  (text text text)  |
           |  (text text text)  |
           |                    |
           |                    |
           |____________________|
           ------page break------
            ____________________
    Page 2 |  ________________  |
           | | Full image     | |
           | |                | |
           | |________________| |
           |         …          |

All those times I complained about floats in LaTeX, and here I am asking for the same functionality... Can this be done? I&#39;m not necessarily concerned about it working in all browsers, since this is often just a one-off document I&#39;m writing to be turned into a PDF.

Print styles: How to ensure image doesn&#39;t span a page break

In Perl most of my `print` statements take the form

    print &quot;hello.&quot; . &quot;\n&quot;;

Is there a nice way to avoid keeping all the pesky &quot;\n&quot;s lying around?

I know I could make a new function such as `myprint` that automatically appends \n, but it would be nice if I could override the existing `print`.

Content Type	Original Author	Original Content on Stackoverflow
Question	Mick	View Question on Stackoverflow
Solution 1 - Css	Gordon	View Answer on Stackoverflow
Solution 2 - Css	Brent Bradburn	View Answer on Stackoverflow
Solution 3 - Css	Geoffrey Hale	View Answer on Stackoverflow

Print Background colours in Chrome

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

In which domains are message oriented middleware like AMQP useful?

Schedule a repeating event in Python 3

Attributions