Right how can I place borders around objects...just new at this lark

  • 1
  • Question
  • Updated 8 years ago
  • Answered
How can I put borders i.e. boxes etc around objects when choosing a blank template.
Photo of Bazza

Bazza

  • 17 Posts
  • 0 Reply Likes
  • bemused

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello totallyclassifieds

You can add a border to text in a text widget by using a bit of html code. Here is how it is done:

1. Drag a text widget onto the page
2. Click on the HTML icon located on the Edit Toolbar
3. Paste in this code
<!--<div style="width:400px;height:211px;border:2px solid red;">This is where your text goes</div>-->

Please leave out the <!-- and -->. This stops the code from rendering on the forum.

This specific piece of code is set to have a width of 400px, a height of 211px, a border of 2px and a solid red color. You can change the various attributes to make it whatever size, width and color you would like.

Please let me know if you have any trouble with this.
Photo of Bazza

Bazza

  • 17 Posts
  • 0 Reply Likes
Hi Sanja
Thanks for your prompt reply, I can place border ok now with the html but cannot place object or text within it. They either appear beneath or on top area of box. Just had a look at your deja vu website and the boxs as you have them are great, thats what I'm after. Just need to be able to place pic and script in them and I'm laughing. Thanks
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello totallyclassifieds

In the code - you need to replace the "This is where your text goes" with your object.

So if you have an image to place in there, then you can add an img src. It would look like this:

<!--<div style="width:400px;height:211px;border:2px solid red;"><img src="http://yoursite.yolasite.com/resource...>

I hope that helps!
Photo of Bazza

Bazza

  • 17 Posts
  • 0 Reply Likes
I'm blind as a bat...........just realised that with the text thanks, will now add image boxes..........here goes. You guys are a great help and reply so quickly brilliant. Especially for newbies like me.
Thanks Sanja & Diane.
Photo of Bazza

Bazza

  • 17 Posts
  • 0 Reply Likes
Yea now have boxes around images,,,,,,,,,
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Well done! I'm glad that you were able to get it to work!
Photo of CharleneWakeford

CharleneWakeford

  • 14 Posts
  • 0 Reply Likes
Dear Sanja, Thanks for the tip, placing frames around images. I have a question: How do you change the colour of the frame?
Regards
Charlene
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Can you post your url so we can take a look at what's happening?
Photo of Bazza

Bazza

  • 17 Posts
  • 0 Reply Likes
Hi Diane I hav'nt published it yet, but soon........www.nutfieldroad.com
Photo of micheal hogan

micheal hogan

  • 37 Posts
  • 3 Reply Likes
can someone help? i am trying to use that code this is what i put in for my own site but all i have is a red x in the top left corner...
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hi Micheal - I am sorry you are experiencing this issue. Please can I have the URL of your site and the name of the page you added this code to.
Photo of micheal hogan

micheal hogan

  • 37 Posts
  • 3 Reply Likes
hi, yes its http://www.michealspersonaltraining.com and it was the index page, thank you
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Micheal

Thanks for sharing your URL. Can you please let me know for which particular Text Widget you're trying to add the border? Thanks.
Photo of micheal hogan

micheal hogan

  • 37 Posts
  • 3 Reply Likes
Hi,
I was actually trying to put it around an image, i have the images on the page ready to be published but they are all over the place so i wanted to box them off to tidy them up. So i dragged a html widget onto the page and entered a code i found on this forum but to no avail....
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi micheal hogan

If you would like to add borders around the pictures, you do not need to use HTML. You can use Picnik to do it. Here's how:
1. Click on the picture on your web page.
2. Click on the second option from the left in the Picture Widget (the little icons on the top of the widget). This will load Picnik, the online picture editor.
3. Click the Create tab.
4. Click on 'Frames'.
5. On the left you will see several options to choose from, including 'Frames' to add around your pictures.
Hope this helps achieve the effect you are looking for :)
Photo of CharleneWakeford

CharleneWakeford

  • 14 Posts
  • 0 Reply Likes
Thank you for the tip, Nazlie.
I tried the HTML method, but could not change the colour of the frame. I think this will be a better method. I will try it.
Regards
CHarlene