You’re designing an online banner using flash. You included a 1 pixel border to compliment your banner. Looks great on your screen. As soon as it’s uploaded, you noticed that the border is missing. How could it be missing you say. Lol…
I couldn’t be bothered about this until recently. I had to design a few flash banner and the requirement was to have a 1 pixel border with #333333 stroke color. Cis!
So I gave it a try. Did a quick 300×250 pixel banner and wallah!
300×250 flash ad with missing borders
Notice the missing border on the right? I found out how to get it to work. The one below is being treated and currently all four sides of the borders is showing. How did I do it?
300×250 flash ad with perfect border
The solution is rather simple.
Open your swf file. Assuming that your border is 300×250 pixel with a 1 pixel stroke.
Change the stroke size to 2 pixel. I use #333333 as my border color. On your align palette, click on the align “To stage” and align top edge and left edge. If the setting is correct, your X and Y setting should be set to 0.0.
Go back to your scene. Click on your border layer and align top edge and left edge. Be sure to click “To stage” so the border will align with the stage. Duh!
Publish your flash and you’re done! Yay!
January 20th, 2010 at 7:25 am
You can also make the height & width of the border 299 x 249 with a 1px stroke
February 1st, 2010 at 11:15 am
Hey Luke,
I have not tried this one. But I think this would work too..
Thanks for the tip.
February 15th, 2010 at 6:45 pm
Thanks very much. Could not work out why my borders werent behaving as intended. is this just a quirk with Flash?
February 16th, 2010 at 1:07 am
Hey Ben,
I think it’s more of a browser problem. Probably error on scripting parameters. Anyways there’s 2 ways to work around it.
Cheers!