Hi

Just a general question really

I am preparing a new site I have built for upload one final issue is to ensure its pages are printer friendly.

I have hidden lots of non essential items but some images i still want it to print.

The problem is that I have used floating with the images in CSS to get the text to wrap on screen but it wont work to print.

How do I resolve this issue. What CSS print command can I use to fix this - I dont want to have to go back to placing text & images in a table to get this fixed

Thanks

Can I see the code please? html and css.

There are no css commands for printing only other than page-break-before, page-break-after, and the link to it through html.

<link href="print.css" rel="stylesheet"  media="print">

Which would only apply for pages to be printed.

You might want to review these articles:
http://www.alistapart.com/stories/goingtoprint/

http://www.westciv.com/style_master/.../printing.html

Thanks LadynRed

I thought that the media print stuff in CSS was all about specific print instructions - in fact I am sure it is - all about what you see when you print

So far it looks great I just need to sort out the inline pics (images) & get text to wrap if possible when printing. Possibly one draw back of using floating with images in CSS.

@media print {
P {
font-family : arial, garamond, "times new roman", serif ;
font-size : 11px ;
background : #ffffff;
color: #000000;
margin-left : 0cm ;
margin-right : 1cm ;
width:90%;
text-align:left;
}

#menubar { display : none; }
#endlinks { display : none; }
#infobar { display : none; }
#main { width: 100%; }
#header { /*display : none; */ width: 90%;}

Will review those links ladynRed & get back to you if problem persists

Sorry neither of those articles offer a solution to deal with images inline text on a document that have been floated on screen but print inline (ie on one line of text)

Any more suggestions ?

Surely there is a solution to this ?

The general wisdom is to UNfloat floated objects...
http://css-discuss.incutio.com/?page=PrintStylesheets

OK I have added img (float:none) to css print code but that does not really help

The page is here http://www.dellhouse.co.uk/SC-accomm...n.html#Butlers

I am very tempted to go back to tables at this point - i guess I could force columns but really the images work well on screen with float - they just wont wrap on page to print - there must be a way of accessing text wrap options for images in print - as we do in MS word etc - text wrap options in word processing !

well I hope so anyway otherwise I give up & stick columns or tables in