Annoying grey border when I upload images!

  • 1
  • Question
  • Updated 8 years ago
  • Answered
When I upload a image a stupid grey border goes round it! help appreciated!
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
  • annoyed!

Posted 8 years ago

  • 1
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi gabrielmawhinney

I'm sorry to hear that you are having trouble with your pictures. We'd like to help, but need your help.

Can you please post a screen shot of the grey border you describe? I am not able to replicate the problem on my site and would like to see what is happening when you upload pictures on your site.

Thanks
Nazlie
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
Here is the pic of my site!
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Thank you for the screen shot, gabrielmawhinney.

It looks as if you have a link on that picture, which is why you have a grey border. The border is the same as if you had an underline in a text link.

If that is the case, then it is possible to remove the border, using some HTML coding.

Follow the steps in the example below:
1) Click the HTML button on the far right of the Text Editing Toolbar.
2) The code for your image looks something like this:
<a href="example.php"><img src="resources/flower.gif"></a>
3) You need to set the border to "0". Edit the code to look like this:
<a href="example.php"><img border='0' src="resources/flower.gif"></a>

You will need to change the details to correspond to the HTML code in your Text Widget.

Hope this works for you! Let us know if you need more help.

All the best

Nazlie
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
It still won't work :( and also my html looked nothing like your example.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi gabrielawhinney

Sorry to hear that. Can you post your web address and also the HTML code so that I can take a closer look.

Thanks!
Nazlie
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
Here is the link: http://ggamesarcade.yolasite.com haven't had much time to do anything to it there is only the index page!
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes


(<)img src="resources/Images/imagename.png"; border="0"(>)


just remove those brackets!

Not sure if that helps, it solved this problem for me a while back.
I also noted that IE can sometime automatically place borders around some images.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi gabrielawhinney

I see that your HTML code did not have a "border: 0px" element in the image tag. We have added that, and the grey border is no longer there!

You will need to publish your site to make this change visible on the web.

Hope this helps!

Nazlie
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
Sorry for asking but where would I put 'border: 0px' in the html as this problem still persists with other images that I have tried.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
No problem at all.

Your image tag looks something like this in HTML:

<img style="PADDING-BOTTOM: 0px; MARGIN: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; border: 0px;" />

See where I have made the text bold, above? Copy and paste that bit of code into all your image tags that have the border.

Let us know if you need more help.

Nazlie