| View previous topic :: View next topic |
| Author |
Message |
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Wed Sep 16, 2009 6:39 am PDF Problems |
|
|
|
Hope someone is able to help me as this is out of my capabilities and it's driving me to frustration now!
I have a pdf file which when I view it, it enables me to adjust the size of the % size of the page - I want to put the file on my website like this so that when people click on the picture it takes them through to adobe and allows them to enlarge the % size to read the full article. See an example here http://www.harvestblues.ie/Home - the newspaper article at the bottom.
I have tried to achieve this idea on my website but have failed as you can see by looking here
http://www.smokinhogs.com/press-and-reviews/ The text is too small and it only links back to Photobucket when clicked.
Any ideas how I can get this working?
Many thanks,
Lou |
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4289 Location: MS
|
Posted: Wed Sep 16, 2009 7:49 am |
|
|
|
The article is an image and it does link to:
http://smg.photobucket.com/albums/v58/ladycosmic/?action=view%EF%BF%BDt=northernstandard.png
Which is also an image. It is not a link to your pdf file. Isn't that what you want? The link back to PhotoBucket is just their error page.
Standard links:
Making an image a link:
| Code: |
| <p><a href="URL path to external link" title="Mouseover Description"><img style="width: XXpx; height: YYpx; border: 0;" src="Path to image" alt="Text Description"></a></p> |
If site does not host images, then you MUST host your image online at any good image hosting site. The URL MUST be the DIRECT link to the image alone and not to the page the image is on.
Text Link only:
| Code: |
| <p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p> |
You can change the "p" tags to div tags and style as needed to make a nice div container for links. |
|
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Wed Sep 16, 2009 7:59 am |
|
|
|
I didn't want the article as an image at all - how I have done it on my website is my failed attempt at getting it to work.
I wanted to do it exactly as they have done on http://www.harvestblues.ie/Home so that you see a small version of the article on the webpage and then you click on it to view it larger and read the text.
I tried hosting the pdf on line, changing it to flash etc but nothing I do gets close to what I'm trying to achieve! I am fine with adding jpeg files etc to my website but have never done a pdf before. |
|
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Wed Sep 16, 2009 8:00 am |
|
|
|
| And apologies, I meant to say thankyou for taking the time to reply to me. |
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4289 Location: MS
|
Posted: Wed Sep 16, 2009 8:48 am |
|
|
|
| Well, you can't have the PDF file displayed to read directly from a web page. It has to be read with the Adobe Reader so it must remain as a PDF file. Now, if you want it readable online without using Adobe's Reader, then you can convert the PDF to an html file and put it in an iFrame properly sized. Is this something you may want to do? |
|
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Wed Sep 16, 2009 9:57 am |
|
|
|
| Yes, that sounds like it might be what I want to do - how would I go about doing that please? |
|
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Wed Sep 16, 2009 10:16 am |
|
|
|
Ok, so I have found out that the code that achieves this http://www.harvestblues.ie/Home&search=2009lineup is
<a href="/f/2009lineup/northern standard.pdf">download a pdf here<br />
</a></p>
<p style="text-align: center;"><a href="/f/2009lineup/northern standard.pdf"><img width="257" height="306" src="/f/2009lineup/northern.png" alt="" /></a></p></div>
So how do I now do the same on my own website - I am confused as to where I need to save the file in order to link to it....help!! |
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4289 Location: MS
|
Posted: Wed Sep 16, 2009 10:43 am |
|
|
|
| loucosmic wrote: |
Ok, so I have found out that the code that achieves this http://www.harvestblues.ie/Home&search=2009lineup is
<a href="/f/2009lineup/northern standard.pdf">download a pdf here<br />
</a></p>
<p style="text-align: center;"><a href="/f/2009lineup/northern standard.pdf"><img width="257" height="306" src="/f/2009lineup/northern.png" alt="" /></a></p></div>
So how do I now do the same on my own website - I am confused as to where I need to save the file in order to link to it....help!! |
For a download, you need to zip the file or use a PHP script that forces a download on a file. If you don't zip the PDF, the browser may have a program associated with that extension and use it open the file instead of downloading it.
Forcing File Downloads in PHP: http://abeautifulsite.net/notebook/27
You save the file whereever you want. If you have lots of PDF files, make a folder and save all of them in it. Then use a relative link on the file where you plan to put the download link code.
| Code: |
| <p><a href="URL path to zipped file" title="Mouseover Description">Link Text Description</a></p> |
You can change the "p" tags to div tags and style as needed to make a nice div container for links.
How to Zip or Unzip a file:
http://www.mantex.co.uk/samples/down-zip.htm
http://office.microsoft.com/en-us/help/HA011276901033.aspx |
|
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Wed Sep 16, 2009 11:37 pm |
|
|
|
| Sorry to be so awkward but what I am still getting confused about is where you host or save the PDF - from other posts I have read I know it can't be saved and linked from the hard drive path but have no idea where I should be putting it to great the URL link. |
|
loucosmic
Joined: 16 Sep 2009 Posts: 8
|
Posted: Thu Sep 17, 2009 12:51 am |
|
|
|
| I have managed to work out the bit where you display the small picture on the website but still can't get it to open in adove when I click on it as it is just the where to host the PDF file I don't understand now |
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4289 Location: MS
|
Posted: Thu Sep 17, 2009 7:13 am |
|
|
|
| loucosmic wrote: |
| I have managed to work out the bit where you display the small picture on the website but still can't get it to open in adove when I click on it as it is just the where to host the PDF file I don't understand now |
You have uploaded files before right? If the pdf file is to be downloaded, compress (zip it with 7Zip) and upload it to where your index.html file is or into another folder where you want to keep such files.
I am not understanding the problem you are having with the WHERE to host the PDF file. It doesn't matter WHERE, as long as it is on your site and in your public or root directory. |
|
|