HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
PDF Problems
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Tools
View previous topic :: View next topic  
Author Message
loucosmic



Joined: 16 Sep 2009
Posts: 8

PostPosted: Wed Sep 16, 2009 6:39 am     PDF Problems Reply with quote

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: 3593
Location: Biloxi, MS

PostPosted: Wed Sep 16, 2009 7:49 am     Reply with quote

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

PostPosted: Wed Sep 16, 2009 7:59 am     Reply with quote

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

PostPosted: Wed Sep 16, 2009 8:00 am     Reply with quote

And apologies, I meant to say thankyou for taking the time to reply to me.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS

PostPosted: Wed Sep 16, 2009 8:48 am     Reply with quote

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

PostPosted: Wed Sep 16, 2009 9:57 am     Reply with quote

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

PostPosted: Wed Sep 16, 2009 10:16 am     Reply with quote

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: 3593
Location: Biloxi, MS

PostPosted: Wed Sep 16, 2009 10:43 am     Reply with quote

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

PostPosted: Wed Sep 16, 2009 11:37 pm     Reply with quote

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

PostPosted: Thu Sep 17, 2009 12:51 am     Reply with quote

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: 3593
Location: Biloxi, MS

PostPosted: Thu Sep 17, 2009 7:13 am     Reply with quote

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.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Tools All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial