Examples Linked Image with Link Border (This happens when you put an image on the page and then link it with Hyperlink.) As you can see the image becomes overwhelmed by the box enclosing it and it loses quite a degree of a appeal.  Linked Image without Border - See the instructions below. 1. Upload your Image to the "Image Gallery" or the "Document Gallery". Using the Document Gallery has the advantage of preventing the image resolution from being reduced by the Image Uploader. 2. Go to the page where you want the linked image to appear and click in the Zone where you want it. 3. Click "Module" and select the "HTML" web part as seen below. 4. Copy the code below into the "HTML - Webpage Dialog" box and replace the items I've highlighted in red as seen below. <a href="http://yoursite.com/yourpage.aspx"><img style="border: 0px" src="http://yoursite.com/images/yourfile.jpg" alt="Your Text" /></a> If you uploaded your image to the document gallery you will need to replace the word "images" with the word "documents" in the above code. 6. Click "OK". Your linked image should magically appear and be a link without that unsightly box. 7. You may need to adjust the bounding box around the image as it sometimes is too large. Just click the edge of the box and select its handles and adjust to your heart's content. Right clicking the edge gives other menu items. Replacing the Text Examples Your Text = This is an alternative text page reference and it's a good idea to put it in as it can be read by page readers for those who need it. Good Luck and have Fun! - Artotems Co. |