Le 28/09/2010 15:55, Invisible a écrit :
> On 28/09/2010 01:23 PM, Mike Raiford wrote:
> 
>> Google CSS Media. That should at least get you started.
> 
> OK, so adding
> 
>   @media print
>   {
>     img {max-width: 100%;}
>   }
> 
> causes all images to be scaled to fit the width of the paper.
> Unfortunately the image height remains completely unchanged, wildly
> distorting the image aspect ratio. (!)
> 
> You'd think there would be an option for "preserve aspect ratio", but as
> far as I can tell, there isn't...

I get a pleasant result (at least in preview from Firefow) with
img {max-width: 17cm; max-height: 24cm; background: white ;color:#000; }

inside a <link rel="stylesheet" href="../style/print.css"
type="text/css" media="print" />

Beware of transparent images, background is a good idea!


You might want to take care of page-break after title:
h1 {  page-break-after:avoid}
h2 {  page-break-after:avoid}
h3 {  page-break-after:avoid}
h4 {  page-break-after:avoid}
/* up to your usual depth */

At least it try to give some clue to the paging engine.

As well as printing the actual URL of link (because on paper, a printed
visual of link is useless):

a:link:after, a:visited:after{ content: " (" attr(href) ") ";
font-size: 90% }


-- 
A: Because it messes up the order in which people normally read text.<br/>
Q: Why is it such a bad thing?<br/>
A: Top-posting.<br/>
Q: What is the most annoying thing on usenet and in e-mail?

Post a reply to this message