Putting Borders around pictures with no infilling?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hi there,
I seem to be a pest today. Is there any way that you can get a border around an image at all on your website once uploaded but just so that the border only has lines and no infilling?
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm not sure what you mean by in filling:

here's a couple of posts that deal with making a border around an image:

http://getsatisfaction.com/yola/topic...

http://getsatisfaction.com/yola/topic...
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
I mean no background colour sorry. I have added a pic as an image from the menu from the right hand side but want it now to have a border round it no text involved just a pic cheers
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You can still use the table or div codes from the above threads. Just eliminate the background color.

For example:
<div style="border: 1px solid black; width: 60px; height: 60px"><img style="YOUR SITE DOMAIN/resources/YOUR IMAGE FILE NAME></div>

Make sure you put in the exact width and height of your image. You can change the color and border thickness.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi there,
Thanks for your replies so would i just put my "your site domain" name followed by yolasite.com in that section but what do i put in for resources and do I just need the name of the image of do i need a directory name?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Craig. Everyone has a resources file. You must include that part. If you have an additional folder that you created and then placed the image in that, then you need to add that folder and then the full image name - typed out exactly how you've put it in.