• I for the life of me cant figure out why the buttons on my site when clicked wont link to the URL of the pdf that I have uploaded to my media files. If you right click the button and choose the option “open in new tab” it pops up just fine.

    Here is the website for an example.

    http://www.hollisequipment.com/north-port/

    Click the first blue button at the top of the page titled “Line Sheet” and you will see what I mean.

    Below is my coding

    <!– <p><center>

    <img src=”http://www.hollisequipment.com/wp-content/uploads/2014/09/NPV-Line-Sheet.png&#8221; alt=”Air Torque 4th Gen Actuator” width=”684″ height=”880″ class=”aligncenter size-medium wp-image-2862″ <p/>

    Any help would be greatly appreciated!!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • You need to include the url for the link, and enclose in

    Try this

    <a href="http://www. mylinkdestination.com"><img src="http://www.hollisequipment.com/wp-content/uploads/2014/09/NPV-Line-Sheet.png" alt="Air Torque 4th Gen Actuator" width="684" height="880" class="aligncenter size-medium wp-image-2862"></a>

    Thread Starter ppwuq4

    (@ppwuq4)

    Barnez,
    
    Thanks for the quick reply.
    
    It is not the png files I am having issue with. 
    
    The buttons are suppose to link to a pdf file I have uploaded.
    
    If you click on a button that I have linked to an outside URL it works fine.
    
    Example: http://www.hollisequipment.com/chemical-industry/ "click the top button that is labeled "Electron Machine Website" This will take you to an outside URL. My issues is linking to uploaded PDF's.
    
    The images are no issues as you can see pictures below each button located on the page: http://www.hollisequipment.com/north-port/
    
    Any other suggestions?

    <p><center><a href="http://www.hollisequipment.com/wp-content/uploads/2014/09/Flow-South-North-Port-Line-Sheet.pdf">Line Sheet</a>

    <img src=”http://www.hollisequipment.com/wp-content/uploads/2014/09/NPV-Line-Sheet.png&#8221; alt=”Line Sheet PNG” width=”684″ height=”880″ class=”aligncenter size-medium wp-image-2862″ />`

    When I click on the line sheet button through Firefox I am prompted to, and able to download the line sheet pdf.

    Maybe you need to check your browser settings for how the browser behaves when you click on download links.

    Also, in my post above I included:

    <a href="http://www. mylinkdestination.com/">

    This url path would be directed to your pdf file: http://www.hollisequipment.com/wp-content/uploads/2014/08/myfile.pdf

    Thread Starter ppwuq4

    (@ppwuq4)

    Sorry when i opened the site in firefox it still gave me the same result. I have a friend who confirmed the same issue i am experiencing.

    the buttons use to work.

    I forgot to mention the goal is to click the button and have it open the pdf on the same page. Not download it to your computer unless you want to after it loads.

    I have updated all of my plugins.

    and again the code I have is below

    <center><a class=”button color small round” href="http://www.hollisequipment.com/wp-content/uploads/2014/09/Flow-South-North-Port-Line-Sheet.pdf" target="_self">Line Sheet</a>

    <img src=”http://www.hollisequipment.com/wp-content/uploads/2014/09/NPV-Line-Sheet.png&#8221; alt=”Line Sheet PNG” width=”684″ height=”880″ class=”aligncenter size-medium wp-image-2862″ />

    Now I understand, and I went through the same head scratching issue last year.

    This is a browser issues rather than your html. Have a look here, as you can set your browser to auto open pdf’s in Firefox. Still, this would depend on whether your visitors/client had these settings enabled.

    How about a plugin solution:
    https://wordpress.org/plugins/pdfjs-viewer-shortcode/

    Thread Starter ppwuq4

    (@ppwuq4)

    Barnez,

    I will say that it does display the PDF now.

    However it is not what I am looking for.

    I want a blue clickable button that opens the pdf in the same tab.

    If you have any idea how to do that with the plugin you suggested please let me know.

    Other than that. Back to the drawing board.

    Thank you so much for trying to help me.

    Edit: well this might be starting to grow on me…. however I’m not sure I can make the it lay out the way I want it to on all the other pages I have. If you have any suggestions to integrate the blue button I would still like to figure out how to get that working just in case.

    Thread Starter ppwuq4

    (@ppwuq4)

    How interesting….

    In chrome browser everything works great with the pdf plugin you suggested.

    I opened firefox and it does not work. It claims to work with firefox!!

    I’ve just tried to check but the page doesn’t seem to be loading correctly:
    http://www.hollisequipment.com/north-port/

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Buttons wont link to uploaded pdf file’ is closed to new replies.