Strange borders round text boxes

Take a look on this interactive map
http://edu.com.pl/nabor/ using
Flash Player 8 and Flash Player 9. In 9 there are strange borders
round text boxes. Don't know where the problem might be.
I don't see any smilar problem on my other Flash
sites.

PD,
The outline of a Text Box is termed a "Stroke" and is set in the Graphic Inspector. There you can set a plain border or a styled one, like a picture frame, etc., or none at all.
The fine line around the text box that you see when you select it is just for your reference when editing and won't print.
Jerry
Message was edited by: Jerrold Green1

Similar Messages

Help on resizing text boxes and general image techniques

Using CS2.
I have two basic questions. One has to do with getting the best vector images (with text) that I can for placement in InDesign documents. The other has to do with the specifics of working with text boxes in FW.
The easiest way for me to produce vector images has been by using PowerPoint. I do all the graphics work and then save it as a gif. I do cropping in a graphics tool (Irfanview, PS) and then insert or place the image. As long as there is no resizing, things work well. I'm not sure how things like DPI are controlled using this technique but I'm assuming that also would be done with the graphics tool. I know Irfanview allows for the dpi to be specified during resizing.
The problem starts to show up when the gif object is resized. Things get distorted and I lose the crispness of the image contents. I'm certainly not an expert on graphics however I've been thinking I either need to 1) make the actual size of graphics in PP the size of the final placed image so there is no resizing (just some cropping) or 2) to work in a tool like FW where (I'm assuming) there are better capabilities to resize vector graphics. My sense (again, not an expert) is that the process I'm using converts to vector graphics in PP to a bitmap image in the gif and that resizing doesn't work as well for bitmaps as for vector objects. Do I have that right?
Moving on to question 2:
Can text boxes be resized in FW without distorting the text? Can their size be seen when originally drasing them? Perhaps spoiled by PowerPoint, I like to set the width of vector objects (e.g. rectangle) and the width of the text that will fill it to the same size. (I know PP has the ability to put borders on text boxes but when working in FW I need to work with 2 objects, the rectangle and the text box). Say I have a rectangle that is 81px wide. Can I set a text box to 81px wide without distorting the text?
I tend to want to control actual object sizes so I can get good spacial alignment. For example, I tend to set the width of a text object to an odd number of px so that any line coming out of the text object aligns well with the text. I must admit that it may be time for me to use a different technique in FW (e.g. more alignment of multiple objects vs. knowing dimensions and seting locations). Does my approach need improvement?
Thanks for any advice
Tom

As I wean off of PP I've started looking at FW and Illustrator (I have both). I've done a logo or two in FW and have used it to build some simple web graphics (e.g. buttons, menus). It can, as I recall, be a little more complex than what I need in this case.
Since PP is not a graphics program, its drawing capabilities are very limited. As a consequence, any graphics application will have many more features than you're used to seeing and more than you need for any one project.
I did a little experimenting with Illustrator and my first impression is that it will work better for me for this work. It seems a little more intuitive.
Is a general guideline to use FW for web-destined graphics and Illustrator for what I used to do in PP?
Your suggested guideline is good. Also, note that if you make a logo or vector graphic in Illustrator (saving as .ai format), you can import that into Fireworks and work with it as a vector object there. FW can import and use, just not create, .ai objectes and files.
FW has some vector tools, they are tucked away under Window > Others > Path. Since FW is intended for producing Web graphics, it is a hybrid application, capable of both vector and photo/image editing. Given that it has some of both, it necessarily doesn't have everything that Illustrator has nor everything that Photoshop has. It has most the features of both of those programs, as long as the feature is useful for a Web graphics designer. For pure photo editing Photoshop has the edge; for pure illustration, Illustrator has the edge. Both Photoshop and Illustrator support color profiles and other features important for print that Fireworks does not. All are good programs, but there are reasons to prefer one over the other depending on what kind of graphics you need to create or work with and what your intended use of the work is. (But any of them will be superior to PowerPoint! )
I'm not sure I can unravel the mystery with the text box resizing. I suspect theres an option selected. Knowing it can be done is enough for me to do some homework.
Maybe...don't think of text boxes at all. You have text objects. The object has a bounding box that is determined by the underlying definition of the font, but it isn't in a text box. (Sometimes swooshs will extend beyond the defining box of a character in the font, but that is another issue). The bounding box for the text object is similar to the bounding box of a circle or a star or an irregular shape. There's a reference box for the dimensions, but the text is not inside some other independent container.
To resize, select the text object and change the font size either using the Properties palette or using the scale tool to drag on a corner of the scaling outline (different from the bounding box, and I don't know why, sorry).
I think that,with Illustrator, you can define text boxes (or other shapes) and fill them with text. *searches* Ah.. Like these: http://school.tatoland.com/illustrator/aitype.html
cheers!
Lorraine

Missing text in Text box

Hello,
please, I have a strange error in text box located in heading of Report. Namely, while in Report Builder Report Preview, everything is correctly presented but, if I click Page Layout button, suddenly text is missing? The same error is if Report is exported
to .PDF file!
Like curiosity, there is one more text box in the same location (Heading) that is behaving correctly!
I can not notice any differences among them while looking into properties....
Any idea how to investigate ?
Thanks for any advice...

Hi daredavil3011,
According to your description, your are creating some textboxes in the page header area, everything works fine when previewing the report. However, when you click the Print Layout button or export to a PDF file, the text within one textbox is missing, right?
Regarding the issue, I would like to know the exact position of the textbox in the page header area. In your scenario, please double check and make sure all properties of the textbox are the same as other one. Besides, I Would suggest you redesign those textboxes
in the page header area. If issue persists, please provide the report design for our analysis. If possible, please share some screenshots about print layout and PDF render results.
If you have any question, please feel free to ask.
Best regards,
Qiuyun Yu
Qiuyun Yu
TechNet Community Support

Text Box borders take too long to download

Can anyone help me out. I have a web site (www.ravensfc.com) If you look on the site the white lines around the text boxes are the last to load and seem to hold up the site. I have used html optimiser but this just seems to cut the image size. I was suprised that iweb seems to save these as images rather than html.
If anyone can offer me advice that would be most helpful.

Welcome to the Apple Discussions. That's one of the problems with some of the bells and whistles of iWeb. As you discovered many get converted to image files which slows down the page loading. for example your Sat 1 page has 59 files to load. You might look into slimming down the page by removing the borders, etc. That will help browsers from the darkside to access your site more efficiently.
OT

Rounded Corner Text Box in iWeb 2.0 - just like this site

As you can see on this very apple site the corners of its main boxes are rounded. In iWeb you can't make your text box rounded unless you place your text in a rounded corner shaped box. However for formatting purposes the shaped box won't expand or contract as you see your site on different browsers because it is saved as either an image.
1. If you place text directly in a shape it publishes as an image with the text not able to be highlighted or searched.
2. If you place a text box over a shape. The text will not adapt to the boundaries of the box. So if you view you site on the web it is possible for your text to go outside the boundaries of the box. This is not good.
3. I tried creating a rounded png box with transparency that I then made as the background image for a text box. The corners showed properly on iWeb but once published the rounded corners showed properly when there was no drop shadow applied to the text box. With a drop shadow the corner squared off to display some of the background corner. I know this is not the clearest -- forgive me.
4. You can add a picture frame to a text box which expands and contracts so why not simply be able to add a rounded corned picture frame to a text box.
Finally, the simple solution to me should be that the text box should be capable of being rounded. I know why iWeb doesn't do this because rounded corners are complex. I know because I've designed sites with Dreamweaver and GoLive.
I hope they add this to the iWeb in an update. You'd think they'd have a template similar to their own site which has rounded corners.

The rounded corners are images.
[TopLeft|http://discussions.apple.com/images/header.gif] & [Topright|http://discussions.apple.com/images/header_rightcap.gif]
[BottomLeft|http://discussions.apple.com/images/bottom.gif] & [Bottomright|http://discussions.apple.com/images/bottom_rightcap.gif]
You want prefab solutions.
Web design is also about finding solutions yourself. It's part of the creative process.
The textboxes are <div> elements in the final result. W3 CSS does not specify rounded corners, but [it is possible in CSS3|http://www.w3.org/TR/css3-background/#the-border-radius].
Safari supports the +-webkit-border-radius: 10px;+ style.
You can see it on [my custom webpage|http://myworld.webhop.org].
So, if you have the knowlegde, you can apply what you want with a HTML snippet.

What is the little yellow round square silhouette icon inside text boxes?

Hi,
I am wondering what the small icon is, that appears inside text boxes in the upper right corner.
It is mustardy-yellow with a thick rounded-corner outside frame, a thin inside frame, and the silhouette of a person.
Does it have a purpose? I can't select it, and it does not reveal anything on roll-over.
Just curious, thanks!

Using a non-Web Safe Font will not automatically turn that text box into an image file. However, its appearance on any computer that does not have that font installed will be difference as that computer substitutes a different font for it.
OT

Problems with text box borders, tabbing and saving doc in Acrobat Pro 7.1.0

When I view my form document in Acrobat Reader, there is a red border around several text boxes
in which I've selected 'NO border'
Also, I've selected 'column order' for tabbing, but tabs continue to function in order in which I inserted form item (text box, check box or radial button). Since I didn't insert these consecutively, tabs no jump all around the form instead of proceeding in order from top to bottm and left to right.
I've checked for Mac Acrobat Pro updates and see that there are three - 7.1.1, 7.1.3, and 7.1.4, and am downloading them for install.
Do any of the updates fix these problems? Or how can it be fixed?
On opening document in Reader, I also get a message informing that document cannot be saved with changes and must be printed, even though I've created it with fillable forms.
Is there some setting for allowing document to be saved?
I want to be able to have recipient be able to download form, fill it out, save changes, attach to email and return it to me.

This has been a problem since version 8 on the mac. Acrobat 7 on the mac worked fine with the right side trim but not on the PC.
We are still having this problem with Acrobat 9.4.0 on the Mac & PC.
This has now been an issue for 2 versions of Acrobat Pro.(8 & 9)
Being in Pre Press and having to constantly set the trim for jobs, this is now taking up too much time and costing money.
Please fix this Adobe.
and on another note. how hard would it be to display the trim (if set) next to where the page size is?
If the trim is set it should display it! why should we have to go to document/crop pages>trim.
Im in a busy Pre Press Dept and the amount of times you have to check a trim size is stupid.
I always set prefs to display crop / trim / and bleed boxes and this helps but it should display it if its set.
Thanks
Hope this is resolved soon.

Strange spell-checking Wikipedia/dictionary/Google box pops up in text boxes

I'm not really sure how to describe this... if I'm typing in a text box such as the one I'm using to type this - this has happened on Tumblr and AOL Mail most frequently - occasionally, and seemingly randomly, a box will pop up on the right side of the text box. It's almost like another frame overlaying the inside of the text box... I tried to get it to pop up purposefully so I could take a screenshot but every time I managed it I accidentally clicked inside the text box and the mysterious box disappeared.
The box seems to be some sort of dictionary service. Sometimes it shows links to Wikipedia or Google, and sometimes it shows a dictionary site that I can't remember the name of but have never heard of otherwise.
When the box pops up, after I click back inside the text box and it goes away, everything seems normal, but if you look at the sent message, it'll have this text at the bottom, as if it's an artifact the mystery box left behind:
"WikipediaWictionaryChambers (UK)Google imagesGoogle defineThe Free DictionaryJoin exampleWordNetGoogleUrban DictionaryAnswers.comrhymezone.comMerriam-Webster<>0wvcidfjoguarm"
The box seems to pop up when I double click on a word or something of the likes. As I said, I couldn't quite figure out how to make it show up on purpose.
I don't have any plugins installed that I think would do this, and I'm most definitely spyware and adware free. I've had this popping up in Firefox for a VERY long time now.
As I was typing this out, I took a little Tumblr break and the box popped up. I've taken a screenshot, here it is: http://img.photobucket.com/albums/v97/shiverstheninja/weirdbox.png

I just typed out a long e-mail and the box didn't pop up, so it doesn't ''seem'' to be happening in safe mode. However, I've typed out plenty of long e-mails without the box popping up just due to random happenstance. I really don't know what causes it to show up, it seems to be a keystroke or a certain way of clicking but as I said I can't seem to make it happen on purpose.
I know I can't be the only person who has this happening, as I can Google the artifact it leaves behind (all the names of the search engines and such) and see that other people have accidentally posted it as well, leading me to believe the box popped up for them and left that text behind and they did not realize it happened. (You don't realize it happens before you hit the post button because that text does not show up until the post has actually been sent through.)

Popup text boxes or shadowboxs

In using Dreamweaver: I want to use a "onClick link" and have a popup text box or even a shadowbox that slightly darkens the webpage.
I will have links to these different popups all over the html page.
I want to specify the size of the box - same for all (with scroll if need be)
I really only need the box to contain text (having the ability to use styles would be nice, but not a game breaker)
Dreamweaver's popup text box does not give me control and is different in all browsers.( in Chrome it says JavaScript Alert at the top of the box - not what I want to see)
I have Dreamweaver CSS5, but am into writing my own css rules. Just need a little support here. Thanks

I like jQuery Fancybox2. It's very simple to set-up and it can handle just about anything you care to toss at it. Copy & paste the following code into a new, blank document. Save & Preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Fancybox2 and Divisions</title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**CSS Reset, fixes box-model in fluid layouts**/
margin:0;
padding:0;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
/**this styles thumbnail container**/
#thumbs p {
    float: left;
    width: 180px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    border: 1px solid silver;
    /**optional rounded borders**/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
/**use same size thumbnail images**/
#thumbs img {
    width: 160px; /**adjust width to thumbnail**/
    height: 120px; /**adjust height to thumbnail**/
    opacity: 0.75;
#thumbs img:hover { opacity: 1.0 }
/**float clearing**/
#thumbs:after {
    content: "";
    clear: left;
    display: block;
/**hidden content**/
#detail-01, #detail-02, #detail-03 { display: none; }
img {
    max-width: 100%;
    margin: 0 auto;
    display: block
</style>
</head>
<body>
<header>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2 Viewer</a> with images & divs</h1>
<h2>Details are hidden until thumbnails are clicked.</h2>
</header>

<div id="thumbs">

<p><a class="inline" data-fancybox-group="gallery" href="#detail-01"><img src="http://placehold.it/160x120&text=THUMBNAIL 01" alt="Thumbnail 01" /> </a></p>

<div id="detail-01"> <img src="http://placehold.it/500x320&text=FULL SIZE IMAGE 01" alt="image 01"><h3>Heading 3</h3>
<p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</div>

<p><a class="inline" data-fancybox-group="gallery" href="#detail-02"><img src="http://placehold.it/160x120&text=THUMBNAIL 02" alt="Thumbnail 01" /> </a></p>

<div id="detail-02"> <img src="http://placehold.it/500x320&text=FULL SIZE IMAGE 02" alt="image 02"><h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</div>

<p><a class="inline" data-fancybox-group="gallery" href="#detail-03"><img src="http://placehold.it/160x120&text=THUMBNAIL 03" alt="Thumbnail 01" /> </a></p>

<div id="detail-03"> <img src="http://placehold.it/500x320&text=FULL SIZE IMAGE 03" alt="image 03"><h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</div>
</div>
<footer>Your footer</footer>

<script>
$(document).ready(function() {
$("a.inline").fancybox({
'transitionIn'    :    'elastic',
'transitionOut'    :    'elastic',
'speedIn'        :    600,
'speedOut'        :    400,
'autoScale'            : true,
'overlayOpacity'    : 0.8,
'overlayColor'    : '#505050'
</script>
</body>
</html>
Nancy O.

Photoshop: Making a text box with color or border.

How do you fill a text box in Photoshop?
Answer: You CAN’T.
Solution: You CAN do anything you want in Photoshop -we know it’s GREAT - but the steps are not always so easy. See below for solutions to making it seem that the text box is filled with color, bordered, semi-tansparent etc.
In Photoshop, a text box is mostly about the text inside and less about the box that surrounds it. In other words, the box is always transparent and all effects apply to the font shapes typed inside by the user. Photoshop (CS4) can produce incredible, professional, amazing text images. No Doubt About It!
A Photoshop text box can display one of two types of bounding boxes:
Its OBJECT bounding box is there for moving the whole text layer, rotating it, duplicating it and distorting. Clicking once on the text layer pallet and selecting the move tool (v) will produce this bounding box. The direct selection tool (a) won’t recognize it. Note: If you try to resize the box as an object, it also distorts/stretches the text inside. This can make cool effects but usually you want the text to stay the way the font was designed. See: Layers>Type>Warp Text.
The TEXT bounding box is there for highlighting, re-typing and selecting the margins of the actual text/paragraph etc. Selecting the text tool and clicking over existing text will produce this bounding box.
Some features are accessible in either mode.
The Photoshop text tool has two types of cursors:
The NEW text box cursor looks like a text insertion cursor (often seen in word processing) WITH a dotted box around it.
To produce the new text box cursor just select the text tool and move over to a new work area.
The EDIT text cursor looks very much like the ordinary cursor people are familiar with (no dotted box).
To produce the edit text tool, hover the text tool over EXISTING text and the cursor changes to the simple insertion shape (without the dotted box). A click now will put you into text editing mode, not new text box mode. This drove me batty for a while because I was used to clicking anywhere inside an existing text box and the blinking cursor would pop in automatically - usually at the end of the last letter. This doesn’t happen in Photoshop; if that NEW text box tool is active, it will try to place a new box anywhere you click sometimes overlapping another.
When in this mode (edit existing text) you can carefully hover the arrow to the edges of the text box and resize the bounding box without altering the shape of the text itself. This is how you make the text box larger or smaller to fit/accommodate your needs. You can also highlight text, insert between words/letters. Highlighted text is available for changing its font, color, size, cutting/pasting etc.
To get OUT of the EDIT text mode, click the check box on the tool column above or type enter (not return) or type cmd-return (MAC), ctrl-return (WIN). If you want to cancel any changes to an existing text box click the ex-circle on the tool column or press the esc key (top left of keyboard-escape key)
OK, THE MAIN POINT:
To make an effect that looks like a text box that is filled, bordered, semi-transparent etc., you will have to create an object shape (box) and place it just behind (under) the text box. Linking the two allows you to move them around easily. The drawback is that, when you need a larger box, you’ll have to alter the size of both boxes and possibly re-center them to each other (I know it’s sort of dumb to have so many steps just to get a shaded text box or bordered one.)
Begin by selecting the Rectangle shape tool and draw a shape on the screen of any size. In the layers pallet a layer is created with two items (layer thumbnail and vector mask) Double click the one on the left the layer thumbnail). Change its color to a light one such as baby blue or yellow.
Now select the text tool and click once over that shape. A text box is created exactly the same size of the rectangle (any shape will work too).
Type some text into that box and change the font type, size and color to something you might use regularly. Check to see that the text color is black (can be changed later). The text automatically wraps around when you reach the edge of this box and fits well (inside margins can be altered by pixel later).
Now link the two boxes to one another. Shift-click each layer in the layers pallet to select both and choose the link button at the bottom of the window for layers or go to Layers>Link Layers. Now when you move one it will move the other too!
Using the paragraph tools you can center text, indent first line, and add space between paragraphs. Except the first paragraph seems too close to the top of the colored rectangle; doesn’t it? Photoshop won’t add extra leading (horizontal space) between the text box and the top of the first paragraph.
There are two ways to fix this:
1.     Select the text tool and click inside the existing text then hover the pointer just above the little box/tab in the top center of that rectangle and bring it down just a bit.
2.     Or you could unlink the two layers (to unlink just click link again while one of the two layers is selected in pallet) and move the colored rectangle up just a bit.
In the first instance it was not necessary to unlink the boxes. This is the advantage because altering the colored rectangle without unlinking will distort your text as will altering the text box if you are not in object text mode (see intro.)
Ok, some advantages:
Now that you have this set up you can use the background box (colored rectangle) to make other effects. Select it as a separate layer but you won’t have to unlink it. To make the box semi-transparent change either the layer OPACITY or the layer FILL (found in the layer pallet).
To create a border box:
1.     Select the colored rectangle box and under Layers>Styles>Blending Options (or just double click in an open area of the layer pallet for that shape.)
2.     Select Stroke, change: Fill Type color, Color black, Size 4, Position inside, Blend Mode normal, Opacity 100%. Click OK/Apply
3.     Back in the layer pallet, change the Fill to 0% and you will just have a border with attached text box. You may have to alter the inside text box again depending on the thickness of that border especially if you made the Position to be inside to keep the sharpness of the rectangle.
4.     Yes this will work with other shapes and even custom shapes. Remember to draw the shape first and immediately place a new text box over it BEFORE any other alteration is done. This ensures that Photoshop creates a text box exactly the same size/dimension of your chosen shape. It even makes margins fit irregular shapes like triangles.
5.     Try it!

Toxic Cumquat wrote:
How do you fill a text box in Photoshop?
Answer: You CAN’T.
Solution: You CAN do anything you want in Photoshop -we know it’s GREAT - but the steps are not always so easy. See below for solutions to making it seem that the text box is filled with color, bordered, semi-tansparent etc.
In Photoshop, a text box is mostly about the text inside and less about the box that surrounds it. In other words, the box is always transparent and all effects apply to the font shapes typed inside by the user. Photoshop (CS4) can produce incredible, professional, amazing text images. No Doubt About It!
A Photoshop text box can display one of two types of bounding boxes:
Its OBJECT bounding box is there for moving the whole text layer, rotating it, duplicating it and distorting. Clicking once on the text layer pallet and selecting the move tool (v) will produce this bounding box. The direct selection tool (a) won’t recognize it. Note: If you try to resize the box as an object, it also distorts/stretches the text inside. This can make cool effects but usually you want the text to stay the way the font was designed. See: Layers>Type>Warp Text.
The TEXT bounding box is there for highlighting, re-typing and selecting the margins of the actual text/paragraph etc. Selecting the text tool and clicking over existing text will produce this bounding box.
Some features are accessible in either mode.
The Photoshop text tool has two types of cursors:
The NEW text box cursor looks like a text insertion cursor (often seen in word processing) WITH a dotted box around it.
To produce the new text box cursor just select the text tool and move over to a new work area.
The EDIT text cursor looks very much like the ordinary cursor people are familiar with (no dotted box).
To produce the edit text tool, hover the text tool over EXISTING text and the cursor changes to the simple insertion shape (without the dotted box). A click now will put you into text editing mode, not new text box mode. This drove me batty for a while because I was used to clicking anywhere inside an existing text box and the blinking cursor would pop in automatically - usually at the end of the last letter. This doesn’t happen in Photoshop; if that NEW text box tool is active, it will try to place a new box anywhere you click sometimes overlapping another.
When in this mode (edit existing text) you can carefully hover the arrow to the edges of the text box and resize the bounding box without altering the shape of the text itself. This is how you make the text box larger or smaller to fit/accommodate your needs. You can also highlight text, insert between words/letters. Highlighted text is available for changing its font, color, size, cutting/pasting etc.
To get OUT of the EDIT text mode, click the check box on the tool column above or type enter (not return) or type cmd-return (MAC), ctrl-return (WIN). If you want to cancel any changes to an existing text box click the ex-circle on the tool column or press the esc key (top left of keyboard-escape key)
OK, THE MAIN POINT:
To make an effect that looks like a text box that is filled, bordered, semi-transparent etc., you will have to create an object shape (box) and place it just behind (under) the text box. Linking the two allows you to move them around easily. The drawback is that, when you need a larger box, you’ll have to alter the size of both boxes and possibly re-center them to each other (I know it’s sort of dumb to have so many steps just to get a shaded text box or bordered one.)
Begin by selecting the Rectangle shape tool and draw a shape on the screen of any size. In the layers pallet a layer is created with two items (layer thumbnail and vector mask) Double click the one on the left the layer thumbnail). Change its color to a light one such as baby blue or yellow.
Now select the text tool and click once over that shape. A text box is created exactly the same size of the rectangle (any shape will work too).
Type some text into that box and change the font type, size and color to something you might use regularly. Check to see that the text color is black (can be changed later). The text automatically wraps around when you reach the edge of this box and fits well (inside margins can be altered by pixel later).
Now link the two boxes to one another. Shift-click each layer in the layers pallet to select both and choose the link button at the bottom of the window for layers or go to Layers>Link Layers. Now when you move one it will move the other too!
Using the paragraph tools you can center text, indent first line, and add space between paragraphs. Except the first paragraph seems too close to the top of the colored rectangle; doesn’t it? Photoshop won’t add extra leading (horizontal space) between the text box and the top of the first paragraph.
There are two ways to fix this:
1.     Select the text tool and click inside the existing text then hover the pointer just above the little box/tab in the top center of that rectangle and bring it down just a bit.
2.     Or you could unlink the two layers (to unlink just click link again while one of the two layers is selected in pallet) and move the colored rectangle up just a bit.
In the first instance it was not necessary to unlink the boxes. This is the advantage because altering the colored rectangle without unlinking will distort your text as will altering the text box if you are not in object text mode (see intro.)
Ok, some advantages:
Now that you have this set up you can use the background box (colored rectangle) to make other effects. Select it as a separate layer but you won’t have to unlink it. To make the box semi-transparent change either the layer OPACITY or the layer FILL (found in the layer pallet).
To create a border box:
1.     Select the colored rectangle box and under Layers>Styles>Blending Options (or just double click in an open area of the layer pallet for that shape.)
2.     Select Stroke, change: Fill Type color, Color black, Size 4, Position inside, Blend Mode normal, Opacity 100%. Click OK/Apply
3.     Back in the layer pallet, change the Fill to 0% and you will just have a border with attached text box. You may have to alter the inside text box again depending on the thickness of that border especially if you made the Position to be inside to keep the sharpness of the rectangle.
4.     Yes this will work with other shapes and even custom shapes. Remember to draw the shape first and immediately place a new text box over it BEFORE any other alteration is done. This ensures that Photoshop creates a text box exactly the same size/dimension of your chosen shape. It even makes margins fit irregular shapes like triangles.
5.     Try it! Or try using Indesign!
There. I fixed that for you.

How to get the number from a xml file to flash as3 Text Box "Get_Days"?

Hi,
I have to daily update the number of days finished from the specified days. Say, One work to be finished in 30 days. And the start day is today. So, tomorrow it will be 29 days left. and so on....
So, instead of reducing one number everyday from the last days number using flash, it will be easy changing in xml file.
How can I do that?
I have a simple text box "dynamic text box" and the instance name : "Days_Left". Since I am learner, I cannot make complex projects. I am learning small things with very few lines of code which can be modified using xml files.
So, Whatever I type in a xml file, it should appear in a text box called "Days_Left".
Thanks.

then you can use:
var currentDate:Date = new Date();
// this is today's date
var projectDueDate:Date = new Date(2010,11,29);
// use whatever date you want for the due date.
// months are zero-based. (ie, jan is month 0, dec is month 11.)
var daysToCompleteProject:Number = (projectDueDate.getTime()-currentDate.getTime())/(1000*60*60*24);
// this is number of days between currentDate and projectDueDate. you probably want to round or use days:hours:minutes for your display

How can i type text in one text box and have the same text appear in a second text box? (on the same page)

I'm trying to make a simple CD label template and would like the text typed into the title text field on the cover to also appear in the title box on the back cover when typed just the once.
Is there any way to accomplish this?
Thanks.
chuck b.

Hi Chuck,
Not possible with a Text box, but can be done with a table.
Type the text in cell A1 (top left). When you exit the cell, the text will appear in C1 (top right).
Table can have fewer cells; cell borders may be set to 'none' to make them invisible; font and size may be different is each cell (as shown).
The formula in C1 is pretty simple: =A1
So it's possible, but on the whole, I agree with Peter—Copy/Paste is just as efficient, Drag and Drop onto (styled) placeholder text works quite nicely.
Regards,
Barry

Can I shrink the size of a form text box based on the content?

We are helping a customer migrate from some MS Word forms to use pdf forms. We are screenscraping the data from an AS400 green screen system and populating these new pdf forms with data. however some of the text boxes are in the middle of a sentence and the text box needs to be large enough to fit 50 characters but there are many times when the data we are entering is much less than 50. The resulting document looks very strange with all of that extra white space in the middle of a sentence due to the size of the text box.
So can we somehow shrink the size of the text box to fit the number of characters in the box?
I considered making the box smaller and setting the font size to auto but I think that would look even more strange to have a word with smaller font in the middle of a sentence.
Thanks,
Trent

Sorry, I should have mentioned I am using acrobat professional 9. I see that I can change the size of the text field when I am designing the form but what I don't see is how to dynamically change the size of the text field based on what data is put inside it.
Thanks,

10.6.8 Unable to click in text boxes or on utility menu at top of screen, Dock icons lead to containing folders instead of programs

As stated in my subject, periodically I become unable to click in text boxes (in my browser, addresses/search) and am also unable to click on the various icons in the utility bar at the top of the screen such as bluetooth and volume control etc. Also, when this occurs if I click on Applications or one of my Dock icons it leads to the containing folder as a destination instead of the program itself. It resolves itself after awhile, but I can fix it immediately by unplugging my mouse and plugging it back in. At that point, everything works fine as if nothing ever happened. What is strange to me is that it fazes in and out, while being able to return to being fully operational.

Have you tried adding the following css selector to your css file.
.nav-bar a {
    text-align: center;
or insert it in the <style> tag you have on the page:
<style type="text/css">
body {
    margin-left: 200px;
.n {
    text-align: center;
.nav-bar a {
    text-align: center;
</style>

Pictures in text boxes on Pages 5.0

So the update to Pages has had quite a radical overhaul. Most of it I can get used to but there seems to be a major change to how text boxes work. Previously if I create a text box I can drag around the page and everything remains inside of it, in the same place. Now, the pictures I put into text boxes stay on the same part of the page, but the text box moves. How can I arrange it so if I insert a picture into a text box it remains in the same place always.
Also, editing text boxes seems strange now. Trying to click the cursor into the text box so you can edit text seems bizarrly difficult and takes way too many clicks. What's going on there?
Sorry one more thing - I use Pages every single day for something with exactly the same format each time. Therefore being able to simply highlight text from the day before and paste over it with the new text was a massive time saver. Especially as using "alt+cmd+shift+v" would keep it in the same format. Now it doesn't paste over, it pastes but keeps the old text below it, even though I'm still highlighting the old text.
Thanks.

I think that these issues are most likely bugs. I have found and reported a couple bugs related to text boxes as well. You can and should report bugs to Apple here:
http://www.apple.com/feedback/pages.html
Meanwhile, a workaround for your first issue that I have been using is selecting the image in the text box, and also selecting the text box itself, and choosing Arrange -> Group. This will move everything around together, while allowing you to double-click on the text an extra time to still edit it. It's definitely a workaround and not a bug fix, but it should allow you to work semi-normally until the bug does get fixed by Apple.
As regards your second issue, I am not able to reproduce that problem when I test it. For me, selecting text and pasting over it, with or without matching style, replaces only the highlighted text. Can you perhaps provide more details and how this issue happens?

Strange borders round text boxes

Similar Messages

Maybe you are looking for