Using @ media to stop table (& image) splitting

[Les Juby]

I'm trying to print a simple catalogue of products but where an image
straddles a page break, the image either disappears completely or else
the first half prints at the bottom of the page but the second half
does not print at the top of the following page.? Huh.?

The single image for each record is contained inside of a table with a
simple construct. No rowspans just an ordinary <td> placement.

The output can be viewed at:

http://www.seaport.co.za/cat7.asp

I believe that it's CSS-2 that's needed. @media:page or
something which will pagebreak if the table (which contains the image)
is too big. There must be examples somewhere.?

I think this goes into the CSS file...

@ media print {
/*start print block*/
img {
display:block;
page-break-inside:avoid;
}
}/*end print block*/v
and I think this goes into the tables (HTML) I want to keep intact...

<table style="page-break-inside: avoid;">

Any suggestions please.....?

thanks

.les.
o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o
Les Juby le*****@anti-spam.iafrica.com
Webpro Internet - - - Prosoft Microsystems
Durban, KwaZulu-Natal, South Africa
P.O.Box 35243, Northway 4065, South Africa
Tel: [phone] Fax: [phone]
o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o
(you *do* know to take "anti-spam" out the address....?