Printing web pages as they appear on the screen?

[ACTIONpack]

I'm designing a web base label maker in html, css and javascript. They company I'm working for does not want to use illustrator anymore and want to make it easier to just have a drop down list of the products and they can just pick from the main list instead of retyping it in Illustrator. Well, I don't know any program that will let me design it and let me add a list of product that they can select and input it in the design. HTML is the only way I know I can do this. The only problem is that when i try to print it out, it looks nothing like it. Can anyone tell me how to print what it appears on screen?

example of my label maker

http://www.romabio.com/Label.html

[Hum]

I simply use Print Screen and paste into Paint. ;)

[Jamie Holdroyd]

We've had good experience with http://snapito.com

You can use the API to generate the images on the fly as and when you need them

[YounGMessiah]

If you use Firefox, FireShot is good; if not I do the above method..

Typically there is a practice for HTML and CSS for printer-friendly along with many other whatever-friendly.

Such as certain ways to do your css and html, or making seperate versions

Try Google to find methods and practices

[LaP]

Well your css is in media screen of course it wont show when you print.

http://www.w3.org/TR/CSS2/media.html

[primexx]

you can also make a pdf with a dropdown menu.

[firey]

Well your css is in media screen of course it wont show when you print.

http://www.w3.org/TR/CSS2/media.html

This, I used chrome to remove the media="screen" using the dev tools, and print preview made it show properly. Didn't change any of the other display either.

[LaP]

This, I used chrome to remove the media="screen" using the dev tools, and print preview made it show properly. Didn't change any of the other display either.

Well he will still no get the expected result depending on the browser/settings used. The browser might or might not print the css background images depending on the settings/default.

But it's a start ;)

[firey]

Well he will still no get the expected result depending on the browser/settings used. The browser might or might not print the css background images depending on the settings/default.

But it's a start ;)

Chrome showed it that's what I used, did a print preview with graphics/styling on and it showed correctly.

[(Account no longer active)]

Can you use Word and it's inbuilt Avery label templates instead? That would be easiest.