<div>
Where are you seeing that? In my bootstrap-print.css, I have:<br />
<br />
.coursesImage {display:inline block; max-width:145px; max-height:126px; float:left;padding-left:0p<wbr />x;padding-<wbr />right:0px;<wbr /><br />
}<br />
<br />
So there must be another stylesheet overriding it. Thanks!
</div>


<div>
:) I just figured that out. This should work wonderfully, thanks!
</div>


<div>
One question... why would style.css override the @media print?
</div>


<div>
It's due to CSS Specificity - A selector will be chosen over another if it is more specific.<br />
<br />
So in your case &quot;.coursesImage&quot; is more specific that &quot;.coursesImage img &quot;<br />
<br />
This site explains it well: <a href="http://www.htmldog.com/guides/css/intermediate/specificity/" rel="ugc">http://www.htmldog.com/guides/css/intermediate/specificity/</a>
</div>


<div>
<div class="content wysiwyg-content">
<a href="http://www.magickitchen.com/menu/main_courses.html" rel="ugc">http://www.magickitchen.com/menu/main_courses.html</a><br />
<br />
Hi, please see the link above, and go to file/print preview.<br />
<br />
You'll see that some of the images are larger than the others, for instance:<br />
<br />
on page 3, Canneloni Ravenna, on page 5 the eggplant parmigiana.<br />
<br />
I use css/bootstrap-print.css on the page, and I do have max-width:145px; on that class. But that isn't working. Thanks.
</div>
</div>


http://www.magickitchen.com/menu/main_courses.html

Hi, please see the link above, and go to file/print preview.

You'll see that some of the images are larger than the others, for instance:

on page 3, Canneloni Ravenna, on page 5 the eggplant parmigiana.

I use css/bootstrap-print.css on the page, and I do have max-width:145px; on that class. But that isn't working. Thanks.

Printing web page with css, some images too big

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.