• 0

Printing web pages as they appear on the screen?


Question

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

Link to post
Share on other sites

9 answers to this question

Recommended Posts

  • 0
Hum

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

Link to post
Share on other sites
  • 0
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

Link to post
Share on other sites
  • 0
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

Link to post
Share on other sites
  • 0
primexx

you can also make a pdf with a dropdown menu.

Link to post
Share on other sites
  • 0
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.

Link to post
Share on other sites
  • 0
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 ;)

Link to post
Share on other sites
  • 0
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.

Link to post
Share on other sites
  • 0
(Account no longer active)

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

Link to post
Share on other sites
This topic is now closed to further replies.
  • Recently Browsing   0 members

    No registered users viewing this page.