Donate SIGN UP

How to show the pictures on a webpage

Avatar Image
tubeway | 17:13 Tue 01st May 2007 | Technology
5 Answers
I have a project that I am doing for work - and I need to print a report from the internet - alll the graphs and diagrams on the web page are coming out as squares with a box with a cross in the top right corner - how do I get these diagrams to show or print as they are intended

If it helps this is the page that I need the diagrams from:
http://www.audiologyonline.com/articles/pf_art icle_detail.asp?article_id=285

Thanks
Gravatar

Answers

1 to 5 of 5rss feed

Best Answer

No best answer has yet been selected by tubeway. Once a best answer has been selected, it will be shown here.

For more on marking an answer as the "Best Answer", please visit our FAQ.
That URL does not show the images (duff link) but if you got to the home page and search for article 285 you will get the page showing the images.
I have got to the page displayed within the web site and the pictures are there.

As you say, when you select the button "Print Version" in the top right it shows the text but no images.

When a red cross is shown it normally means the web page cannot find the images so they have either been moved, or deleted, or for some reason the web page cannot locate them.

So printing off the "Print Version " will never print the images.

I have played aroudn with the pages to see if there is a simple way round the problem but cannot see one.
A bit more research shows that when you select "Print Version" the web page code that is generated (HTML) changes the location of where it is looking for the images.

If we look at the first image for example.

In the version that DOES show the image the HTML text under the covers is as follows, pointing to the image:

<img border='0' src='http://audiologyonline.com/resources/article/p umfordtable.gif'width=499 height=100>

In the "Print Version" code shown below note it has the extra text "newroot" inserted, so cannot find the image:

<img border='0' src='http://audiologyonline.com/newroot/resources/article/pumfordtable.gif'width=499 height=100>

Not sure if there is any way round it.
In IE, right click each of the pictures and save them to your computer. Then select Print Version, then select File SaveAs and save the file to your computer (the same location would be good. Then open Microsoft Word and select File > Open and open the Web page. Go to each of the boxes with red crosses in, delete it, then select Insert >picture >from file and put the right picture in.
I've just done it with the first two pictures (I got bored then) and it works.
Alternatively download a free wysiwyg HTML Editor from here http://www.thefreecountry.com/webmaster/htmled itors.shtml#wysiwyg
or here
http://www.mcwebsoftware.com/wwez/
Open the web page you saved and change the links to the pictures you saved. I haven't done that because I use Dreamweaver, but that method will also work.
The Microsoft Word method is easier if you have never 'messed' with web pages.
Question Author
Thanks all for your help

1 to 5 of 5rss feed

Do you know the answer?

How to show the pictures on a webpage

Answer Question >>

Related Questions