|
![](/i/fill.gif) |
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
|
![](/i/fill.gif) |