ChatterBank0 min ago
How to show the pictures on a webpage
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
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
Answers
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.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.
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.
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.
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.