Text frame borders - Post ID 153010

User 469813 Photo


Registered User
18 posts

Firstly an apology. I may have dreamt I asked this question before or I could just be going mad but either way, I can't remember the answer!

Is there an easy way of creating a border for a text frame in VSD 7.0? I would like a 2 pixel border and the way I'm doing it at the moment is to create an over-sized shape behind the text frame. I'm sure there has to be an easier way?

TIA
User 187934 Photo


Senior Advisor
20,271 posts

Here's what I do. Put this code into an HTML box then just put your text on top of it.
<div style="width:200px;height:100px;border:2px solid blue;">
</div>

Adjust width, height, px and color to your liking.
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 271657 Photo


Ambassador
3,816 posts

Eric, could you put "<p> here's some text </p>" within that div? Less chance for different browsers with margin/padding issues (IE) to mess it up. Do you group the text and html box?

Maybe it's just my luck, but I got the 'improper argument' warning whenever text boxes overlapped html boxes, so I avoid that now :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

Yes you can and it's probably the best thing to do.
<div style="width:200px;height:100px;border:2px solid blue;"><div align="center"><p><font size="5" face="@Arial Unicode MS" color="#FF6600"><b>Here's your text</b></font></p></div>
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 409788 Photo


Registered User
9 posts

Hi,
I did this a different way as I do not know HTML.. :) even though you guys have presented the information in a way that even I can understand..
I used the shape tool and dragged a rectangle around the text box that I created. I then made the fill properties white and gave it an effects property of "shadow", Colour black, and Style "Both".
I then highlighted the text and right click "Arrange", then click "Bring to Front"

This is by no means as clean as the solutions above but worked for me with no HTMl coding..

The result is a nice border around the text.. I tried using the "FRAME" object but I couldn't seem to change the frame bordert width...

The output from above can be viewed at: http://www.afrockhampton.com/timetable.html
SteveM
using Visual Site Designer V7 Build 24.

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.