how to get boxes to disappear around linked pictures

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Is there a way to get black borders to go away around pictures that I've linked?
Photo of Meg

Meg

  • 15 Posts
  • 1 Reply Like

Posted 8 years ago

  • 1
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hi Meg try this...

Add an HTML widget anywhere on the page with the images and paste the following code BETWEEN the <!-- and the --> into it :

<!--

<style type="text/css">
img{
border:none;
padding:3px;
}
</style>

-->

OR

If you add your links via the HTMLl widget use a border of zero.

<!--

<a href="yourlinkURL.com><img src="resources/yourimage.jpg" border="0"></a>

-->

Happy site building
Ed

If the lady bears don’t find you handsome they should at least find you handy...You can find me with my head in the honey pot here...

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
Photo of Meg

Meg

  • 15 Posts
  • 1 Reply Like
That didn't really solve my problem. I can't add a new html widget because I don't want it in a separate window from my text. Here is a link to the site. It's the facebook and twitter buttons. I want them to not have those black boxes around them. http://www.betheleducationfoundation....

Thanks for your help.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Meg,
Create two column layout at the bottom of your page (below your text). In the right hand side column, drag in two html widgets (side by side) and paste in the two code snippets below. Drag the center divider to the right, to move the two images to the right hand side of your page.

Note: Remove the space between the "h" and the "ttp" in the two snippets below.

<a href="h ttp://facebook.com/betheleducationfoundation">
<img src="resources/icon_facebook.png?timestamp=1297304613739" border="0"</a>


<a href="h ttp://twitter.com/beinvestedBEF">
<img src="resources/icon_twitter.jpg?timestamp=1297303229549" border="0"</a>
Photo of Meg

Meg

  • 15 Posts
  • 1 Reply Like
Boomer. Thanks for your reply. You are a genius! That completely solved my problem. I had to make a two column layout and then another two column layout in the right hand side column. And, it worked like a dream. Thank you Thank you!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Yeah... my description wasn't the greatest, but I knew you would figure it out.
I'm happy it worked!