Help - PNG images look no good in Firefox and IE

  • 1
  • Question
  • Updated 8 years ago
  • Answered
PNG files look good in Chrome but have a border around them in firefox and explorer. My site is www.reptileparty.com if you want to see what I mean. I love how my site is, but but PNG images (the menu buttons) with the border make it look not-so-pro aka not-so-nice ... please help!! Many thanks -Rob
Photo of reptileparty

reptileparty

  • 63 Posts
  • 1 Reply Like
  • sad

Posted 8 years ago

  • 1
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Try adding this code in an html widget at the top of the page: <!-- <style type="text/css">
img{
border:none;
padding:3px;
}
</style> -->
VERY COOL site, btw.
Let us know if this doesn't help.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Diane!
Photo of reptileparty

reptileparty

  • 63 Posts
  • 1 Reply Like
Hello, thank you.

I tried it, but it did not work. Am I supposed to ender just the code in a html widget or am I supposed to refer to the images in the code too?

This is what I did:

I dragged a new html widget to the highest point on the page I could, then I pasted in it

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

exactly like above, then I saved it, published to the web, then I visited the page in fire fox, clicked ctrl+reload and it still had the borders around the images.

What did i miss?

Thanks!

-Rob
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Take out <!-- at the beginning and --> at the end--these are so Get Satisfaction does not render the code.
Photo of reptileparty

reptileparty

  • 63 Posts
  • 1 Reply Like
Thank you times a million!!
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
I'm guessing that means it worked! ;) Glad to help.