Use HTML to show image and link to other page

goldi8472goldi8472 Registered Users Posts: 6 Beginner grinner
edited September 18, 2013 in SmugMug Customization
I have been trying to use the HTML content block to display an image and have that image link to another photo. I am thinking I may do something like that instead of some of the content blocks but I can't seem to get it to work. I don't know if the problem is with the code I am using or if it's with the pages that I am giving it. I have tried it two different ways and neither of them work.

1. <img src="http://www.sitename.com/Coast-lines/Washington-Coast/i-fVDmtCD/A&quot; style="float:left;border:0;margin:3px" alt="image" /><br />
<a href="http://www.artistryofcreation.com/Wildlife">category</a&gt;

2. <a href="www.artistryofcreation.com/Coast-lines/Washington-Coast"><img src="www.artistryofcreation.com/Coast-lines/Washington-Coast/i-fVDmtCD/A" alt="image" />

No matter what I try all I end up with is a white bordered rectangle that has, in its center, a blue square with a white border and a white question mark in the square. My only guess as to why it's not working is the URLs that I am using but I am getting them straight from the website. Do I need to have URLs that are done differently or is something else wrong?

Please help,

jen

Comments

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited September 18, 2013
    You're missing the closing </a> on #2:

    <a href="www.artistryofcreation.com/Coast-lines/Washington-Coast"><img src="www.artistryofcreation.com/Coast-lines/Washington-Coast/i-fVDmtCD/A" alt="image" /></a>
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited September 18, 2013
    goldi8472 wrote: »
    I have been trying to use the HTML content block to display an image and have that image link to another photo. I am thinking I may do something like that instead of some of the content blocks but I can't seem to get it to work. I don't know if the problem is with the code I am using or if it's with the pages that I am giving it. I have tried it two different ways and neither of them work.

    1. <img src="http://www.sitename.com/Coast-lines/Washington-Coast/i-fVDmtCD/A" style="float:left;border:0;margin:3px" alt="image" /><br />
    <a href="http://www.artistryofcreation.com/Wildlife">category</a&gt;

    2. <a href="www.artistryofcreation.com/Coast-lines/Washington-Coast"><img src="www.artistryofcreation.com/Coast-lines/Washington-Coast/i-fVDmtCD/A" alt="image" />

    No matter what I try all I end up with is a white bordered rectangle that has, in its center, a blue square with a white border and a white question mark in the square. My only guess as to why it's not working is the URLs that I am using but I am getting them straight from the website. Do I need to have URLs that are done differently or is something else wrong?

    Please help,

    jen
    Those are not image links but to the lightbox page ...mtCD/A

    Use share "get a link" to get the actual photo links.
    It will end with .jpg

    No.2 is missing the </a>
    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.