Borders - Post ID 212275

User 2538542 Photo


Registered User
8 posts

Is there a way to a border around an object on your page? I would think that would be a basic function.
User 187934 Photo


Senior Advisor
20,271 posts

What kind of object?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2538542 Photo


Registered User
8 posts

Eric, maybe a box of text, or a photo.
User 187934 Photo


Senior Advisor
20,271 posts

Paste this into the Header html of an html box.
<style type="text/css">
<!--
#border1{
width:200px;
height:100px;
border:2px solid blue;
}
-->
</style>


Paste this code to the Body HTML of the same html box.
<div id="border1"></div>

Adjust as needed.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2538542 Photo


Registered User
8 posts

Thanks Eric, I'll give it a try.
User 187934 Photo


Senior Advisor
20,271 posts

Here's my example.
http://progrower.coffeecup.com/textframeborder.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 104702 Photo


Registered User
293 posts

Hi Stephen,

You can add a border to any graphical object, by using the 'effect' option. Select your object, click on the 'effect' option in the top menu, tick 'shadow', choose the border color you want, choose 'both' for style, set offset to 1 or 2 (=one pixel border) set softness to zero and opacity to what you want (50% is OK).
If you want to do this with a text object, you'll have to follow Eric's example or write the text in a shape. Writing text in a shape gives you the additional advantage that you can use any font...

Success, John
John van Hulst

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.