Dynamic Border around image

hi there,
i have a main flash movie (main.fla) which has images placed
on the screen.
Each image has an invisible button placed on it.. (ie: the
button has only
the hitarea defined and no rollover, down etc.)
NOTE: that the images are different in sizes. hence they have
different
width and height.
I tried making a movieclip of 200 x 200 in size with a 1px
border around it
and dynamically making it adjust to the width and height of
the images. BUT
i seem to be hacing the following problem-
1) for images that are larger in size than the border
movieclip.. the border
tends to thicken.
2) for images that are smaller than the border movieclip..
the border tends
to get more thinner
Required-
OnRollover of an image.. it should have a border around it,
inorder to
highlite the selected image. Lets say, a 1px border and red
in color. How do
i achieve this?
Would really appreciate if someone would provide a simple
code to achieve
this as i am not used to programming.
Please help..
thanx

yep, thats cause when you stretch your mc the lines will
stretch with it.
if you are using flash 8, use the 9slice guides.
for the mc that contains your border go into the preferances,
and you will find a check box for the 9slice thingy (technical
term)
check that, then double click on the library symbel to edit
it.
you will find flash has drawn four dashed lines.
move these so that they mark the inward edge of your borders.
basically the area inside these guides stretches normally
the corners don't stretch
and the edges stretch either horizonally or vertically
for more info look in the help.
oh, and don't transform (rotate skew etc) your mc once on the
stage or you'll loose your slices...
best

Similar Messages

  • Border around image links

    What the heck is it with a blue border around image links in
    CS3???? I discovered I can get rid of it by setting the border to 0
    in properties but what a pain. I also noticed tables have a 1
    border by default. I'm sure there is a place to change the default
    but I can't find it.
    Any suggestions?
    thanks,
    CJ

    On Fri, 1 Jun 2007 13:11:16 +0000 (UTC), "SeaJaye"
    <[email protected]> wrote:
    >Win,
    >I like the way you think. For those of us who are cake
    baking challenged, could you put up a recipe for said cake?
    >thanks,
    >cj
    Sure. This set of stuff:
    *zeroes out the margins and paddings
    * guarantees a vertical scrollbar (so no jumping between
    short and
    long pages)
    * establishes colours and fonts etc. for the tags I tend to
    use
    * gives me a way to float images left or right
    * defines a tag that I can use to clear floats (the hr tag,
    in this
    case, since I never use an hr as a visual element: I always
    define
    borders when I need them)
    * styles the form and form elements
    I customize these to suit.
    /* CSS Document */
    margin: 0;
    padding: 0;
    html {
    height: 100%;
    margin: 0;
    padding: 0;
    body {
    min-height: 101%;
    font: 100.01%/130% "Trebuchet MS", Verdana, Helvetica,
    sans-serif;
    color: #000;
    background: #4f865b url(../images/bgTexture.png) repeat;
    margin: 0;
    padding: 0;
    hr {
    height: 0;
    line-height: 0.0;
    font-size: 0;
    margin: 0;
    padding: 0;
    clear: both;
    visibility: hidden;
    h1, h2, h3 {
    font-size: 150%;
    color: #4f865b;
    margin: 20px;
    font-weight: bold;
    h2 {
    font-size: 120%;
    color: #cc6600;
    h3 {
    font-size: 100%;
    color: #4f865b;
    font-style: italic;
    p {
    font-size: 90%;
    margin: 10px 20px;
    ul {
    margin: 10px 20px 10px 40px;
    font-size: 90%;
    a:link {
    color: #cc6600;
    a:visited {
    color: #4f865b;
    a:hover, a:active, a:focus {
    color: #7dd08f;
    .imgLeft {
    border: 1px solid #dfdabd;
    padding: 5px;
    float: left;
    margin-right: 10px;
    .imgRight {
    border: 1px solid #dfdabd;
    padding: 5px;
    float: right;
    margin-left: 10px;
    /***** CONTACT FORM STYLES *****/
    #content form{
    margin: 0;
    width:450px;
    #content fieldset{
    border: 1px solid #d69400;
    margin-bottom: 10px;
    padding:5px 5px 20px 20px;
    #content legend {
    font-size: 120%;
    margin: 12px 0 0 0;
    color: #18006a;
    #content textarea{
    background-color: transparent;
    border: 1px solid #18006a;
    height:200px;
    margin:0 30px 0 0;
    #content label{
    display:block;
    font-size:80%;
    padding-top:5px;
    #content button{
    background-color: #ecc97d;
    display:block;
    width:80px;
    /* sets the enquiry box to the right of the input fields */
    .labelfloat{
    padding-top:20px;/* float:right;*/
    #content input:text, #content select{
    /*background-color: #E8E2C2;*/
    background-color: transparent;
    border: 1px solid #18006a;
    display:block;
    margin:0 0 0 0;
    width:200px;
    /* END FORM STYLES */
    Win
    Win Day, Wild Rose Websites
    http://www.wildrosewebsites.com
    [email protected]
    Skype winifredday

  • Thin white border around image in browser

    In Firefox and Safari a thin white border appears around a
    black image. My background is black so.....is it a matter of the
    blacks being slightly different? I'd like the image to appear
    seamless on the page. How can I fix this?
    http://wall-eye.com/about.html
    (it's the Walleye eye navigation image)
    keith

    Hi, Even when you assign 100% to width and height you will notice one black border around applet in case of IE5.0 When I go in to full srceen mode in IE 5.0 It should not show me scrollbars.
    But because of this border scrollbar remains

  • How to remove black border around image files?

    I'm something of a beginner with Photoshop, so forgive me if I've missed something entirely obvious: for some strange reason I'm now getting a black border around all image files that I save through the "Save for Web & Devices" panel. Does anyone know how I can save without creating this border? It looks rather unsightly when I load it into a client site. The file in question is a .png, but I seem to be getting the same effect with all other image files as well.
    Thanks in advance,
    Shane

    One cause could be having the matte color set to something other than none.
    Is that a png-8?
    MTSTUNER

  • White border around images in Easy Rotator

    I would like for there to be a small white border around my images when i put them into easy rotator.  I really just want there to be about a 5 px space around them that is really just the background.  I cant seem to find the right place in the code to make the div that holds the background color... which is white...to make it have like a 5 px padding..
    or even make a 5 px margin around all images.
    I even tried to place the border around my images when placing them in the rotator but the top still pushed all the way up and there was only the white space on the left right and obviously the bottom where the dots are that shows which number slide I am on.
    Where in the code will I find this so I can manipulate it... thanks again for always helping
    avery

    Without a link, it's all guesswork. 
    Use Chrome or Firefox to preview your page.  Right Click and select Inspect Elements.  This should give you some idea of which CSS selectors are used by Easy Rotator.
    Nancy O.

  • Problem with white border around images

    Hey guys,
    I'm new to the creative suite and have just finished running through all of the video tutorials, etc. I'm having a small problem which can be seen in the sample site I'm fooling around with here:
    http://www.andrewedunn.com/gsd/
    I'd like to get rid of the small white border around the "GS" logo. It is an illustrator document.
    Basically I put the letters in place, converted them to paths (so I can resize it) and dropped it in my GoLive document as a smart object.
    A google such suggested rasterizing, but I couldn't get it to work after fooling with it a little bit.
    Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive? The one time I tried it, the drop shadow was placed on top of a white background.
    Any suggestions would be appreciated!

    Are your background images always going to be displayed left-aligned on a black background and always the same size, so that the left half of the logo will always be over the photo and the right half will always be over the black? Or will the size or placement of the photos vary?
    Are all of the photographs in approximately the same moderate tonal range, or will some be bright and some dark?
    If the background will be consistently as you show it, you should be able to anti-alias your logo against a medium gray on the left and black on the right for acceptable results. If the background is more varied, you are not going to get good results with either GIF or JPG format.
    See this related thread:
    http://www.adobeforums.com/cgi-bin/webx/.3bc38b6e/3
    > Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive?
    Only by exporting as a transparent PNG, but then older browers won't display it properly.
    If you are really needing to have a logo that casts transparent drop shadows on top of a wide variety of images, you might consider going the Flash route, even though you aren't planning animation. Flash has very good transparency handling, and there are Flash player plugins that are compatible with browsers that won't display PNG images.

  • Red Border Around Image

    Hi,
    In Photoshop CS3 I'm creating a 5 x5  pixel image in a green color. On my canvas it shows it completely green. I then emboss it. Before and after I emboss it I look at the navigator window and I see this red border around the green image. After I save it as a PSD file and then bring it into Dreamweaver, I can see the red border when viewing in IE. I tried making the background and foreground green but still a red border. Am I missing something?
    Thanks
    Steve

    You're confusing some things...
    The red rectangle in the Navigator window has nothing to do with the content of your image.  It shows you what part of your image you're looking at in the main window.
    If you're saving your file an seeing the red border in the image, you have somehow saved the red color in the image, or the way you're using the image has put a border around it.  For example, put in a web page a certain way a browser might put a border around the image to indicate that it's a link.  I'm not familiar with DreamWeaver, but I suspect from what you're describing the red isn't really in the image.
    Do you see the red in the image when you use an image viewer to view the file from within your folder?
    Please post the image here (use the little camera icon just above where you type) and we'll let you know if we see any red.
    -Noel

  • Border around image link?

    Hello,
    I created this HTML email and only in gmail there is a purple border around the header link?  I have the border setup to O.  It looks great in hotmail and outlook though.  Do you know why this would happen?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Guardian Credit Union</title>
    <style type="text/css">
    <!--
    .style1 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    .style2 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    .style3 {font-family: Arial, Verdana, sans-serif; font-size: 12px; }
    a:link {text-decoration:none;border: 0px;}
    img {border: 0px;}
    -->
    </style>
    </head>
    <body>
    <table width="625" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td border="0"><a href="http://www.tellgcu.com/{{Purl}}"><img src="http://208.69.110.181/GCU_919743-site/images/emailHeader.jpg" alt="Urgent deadline regarding your debit/ATM card services. To keep the overdraft service you already have, we need to hear from you." /></a></td>
      </tr>
      <tr>
        <td><p class="style1">Dear {{CustomerName}},<br><br>In order to continue giving you the same Overdraft Services you are receiving today, we will need your permission by August 15th.</p>
          <p class="style1">Overdraft Services allow us to cover debit card purchases or ATM withdrawals for you when the transaction is more than your balance. </p>
        <p class="style1">You can choose to continue receiving that service, or to have the debit card purchase declined at the cash register. <a href="http://www.tellgcu.com/{{Purl}}">Click here to find out more!</a></p></td>
      </tr>
      <tr>
        <td><br><p class="style1">Sincerely,<br><br><br>Guardian Credit Union</p><br><br><br><font size="-2pt">You will be charged a paid item overdraft fee of $32 for each overdrawn item created by Debit Card purchases or ATM withdrawals. The amount of any overdraft item including our paid item overdraft fee of $32 shall be due and payable upon demand, but if no demand is made, no later than 30 calendar days after the creation of the overdraft. We may refuse to pay an overdraft item at any time even though we may have previously paid overdrafts for you. For example, we typically do not pay overdraft items if your account is not in good standing or if based upon our review of your account management, we determine that you have too many overdrafts or are using the service as a regular line of credit.</font></td></tr>
    </table>
    </body>
    </html>
    THanks,
    Melanie

    i know im a bit late on responding but i think what you need to do mshef534 is to put the code a img {border: 0px;} within the image ref itself i.e.
    <a href="http://www.facebook.com/search/results.php?q=Samuel+Emerton&init=public#!/profile.php?id=1 00000235960932"target="_blank"><img src="facebook.png" width="43" height="43" a img {border: 0px;}/> and that should do it this worked for me happy htmling

  • Why do I have yellowish border around image shadows?

    Why do I have a faint yellowish border around my images' shadows in a Keynote presentation?
    Thanks,
    Jayne

    I actually took my mac to an Apple store for them to look at this problem.
    Four people looked at it including a creative person, a genius and a few technical people.
    To no avail... they had no resolution!
    Does anybody out there have a solution??
    Thanks.

  • Firefox wont put border around image

    Hi
    Ive created a intro page for my new blog
    www.saltalamacchia.co.uk
    The problem I am having is that in firefox it isnt putting
    the containers border around the image.
    All's fine in IE. I can get arount it by putting a footer div
    in and making the image its background.
    However thats not the way I want to do it.
    Any ideas as to how I can correct this for firefox. ie an
    image in a container while still maintaining the containers border
    Thanks in advance
    Carlo

    Should work: wrap everying (content and footer) inside an
    outer wrapper div
    and place a border on that instead.
    Nadia
    Adobe® Community Expert : Dreamweaver
    CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    ~ Customisation Service Available ~
    http://www.csstemplates.com.au
    CSS Tutorials for Dreamweaver
    http://www.adobe.com/devnet/dreamweaver/css.html
    "Softpages" <[email protected]> wrote in
    message
    news:esfh01$dln$[email protected]..
    > Hi
    > Ive created a intro page for my new blog
    > www.saltalamacchia.co.uk
    > The problem I am having is that in firefox it isnt
    putting the containers
    > border around the image.
    > All's fine in IE. I can get arount it by putting a
    footer div in and
    > making
    > the image its background.
    > However thats not the way I want to do it.
    >
    > Any ideas as to how I can correct this for firefox. ie
    an image in a
    > container while still maintaining the containers border
    > Thanks in advance
    > Carlo
    >

  • Removing border around image with link

    I know this is really basic but I can't find anywhere how to
    avoid having a purple border around a linked image. Help
    please!

    Nope. Not if you want valid XHTML.
    CSS does the trick -
    a img { border:none; }
    *and* you don't have to add it to each individual <img>
    tag.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Dan.Smith" <[email protected]> wrote in
    message
    news:gn22if$i6k$[email protected]..
    > border="0"
    >
    > <img src="myImage.jpg" alt="a" width="22" height="22"
    border="0" />
    >
    > --
    > Dan Smith > adobe community expert
    > Flash Helps >
    http://www.smithmediafusion.com/blog/?cat=11
    > twitter:
    http://twitter.com/dmode
    >

  • Border around image

    How do I take the border around the image away: http://marketingsource.businesscatalyst.com/lists/business?Preview=True
    need help ASAP!

    Hi there,
    Your URL is lukily live but that preview link , so you know only works if your logged into your site...
    http://marketingsource.businesscatalyst.com/lists/business
    style.css line 256 has..
    #content img, .imageborder
    This element has a background of white, padding and box shadow. It is not actually a border.

  • Expand document window to always have Nice Gray border around image

    Is there a command, or an Apple Script, or a hack of some sort (which I can assign to a function key) to EXPAND a document window so that I have a 100 pixel (or whatever) gray border around the image itself (not IN the image).
    I am processing around 4,000 pictures, and it would save me hand-drag-enlarging Every Single Window, especially as I often miss the grow-tab in the lower-right edge of the window bezel...
    Thanks!

    "Just keep pressing the 'F' key..."
    Yes, this is what I said above, and if you have multiple documents, it's a REAL PAIN.
    Perhaps if the 'F' key had only two modes, instead of four, it would be acceptable.
    As it is now, with multiple documents, the 'F' is just as bad as dragging the window enlarge tab.
    I've been asking Adobe for this for at least five years now. Given that many tools are best used when started OUTSIDE the image, I cannot understand how they could ignore this request !
    (Rant: Unless, of course, if user requests are treated internally as insults by Adobe. It sure feels that way)

  • Can't get rid of white border around image

    http://www.gunnar.ca/laminatepage2.htm
    I created a rounded corner in photoshop for my table. I
    created a cell in the bottom left corner of the table and placed
    the gif. There is a thin whit border around the outer edge of the
    gif, so it doesn't look genuinely rounded. Can anyone tell me how
    to get rid of that so it looks like the table is actually rounded?
    Thank you!

    Because the table containing the GIF has a border. In your
    styleA.css
    stylesheet, the rule:
    .border {
    border: 1px solid #E5E5E5;
    adds a border to the table. Delete the rule. Of course - that
    may affect
    other things that use the .border class. Or - delete the
    class from the
    table tag.
    Several problems with the page:
    styles.css cannot be found
    sideNavStyles.css cannot be found
    34 vaildation errors:
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
    Alec
    Adobe Community Expert

  • How to add a border around images posted to Facebook?

    I am using LR 4.1, also usis PS CS5.
    Anyone who uses Facebook to showcase image galleries knows that Facebook changes how images are displayed from time to time.  One month it will be on a black background and the next on a white background.  And then they put overlay's on top of your images and they change things around whenever they wish.  There is not rock solid consistency from Facebook on how they display your images across devices or over time.
    What I am trying to do is to add some consistency to how my images are displayed by adding my own border to my images.  I need some ideas on how to best do this.  The way that I have been doing it does not appear to be ideal and I think someone must have a better way.
    Ideally, I would want Lightroom to add a border for me based on some setting under the export manager.  But as far I know there is no setting to do this?  (Why doesn't lightroom have any border options anywhere yet for anything it exports?  This would be relatively simple I think.)
    Here is the only way I know how to solve my issue.
    First, my other considerations:
    I want to keep my original images in my catalog in tact and as is w/o a border and with layers if it is a .psd file.  I do NOT want to destructively add a border to the catalog images, only the images that end up on Facebook.  I also want to add my watermark image to the final image so that it is done as the last step so that the bottom part of my watermark shows my web site address over the white border on the bottom of the image.  Using a droplet and the watermark in the same step does not work properly because it applies the watermark before it runs the action, not after.
    I have created an action to add a x pixel white border by:
    Merging (flatten) all layers
    Creating a new unlocked background "image" layer
    Expanding the canvas by x pixels.
    Creating a new white filled layer and moving it to the bottom of the layer's pallet.
    Adding a 2 pixel black inside stroke to my image layer and adding a drop shadow.
    I created a droplet from this action and put it in the droplet folder for LR.
    Now for the repeated steps that I am going through...
    Select the images that I want to write to Facebook.
    Export these images to a new folder using the droplet.
    Import the folder of all of these images back into Lightroom.
    Move the new images with borders on them into the correct LR FB publish service.
    Publish the photos using the sharpening and watermark settings.
    Delete the .psd files created in Step #2
    The steps that I would like to avoid are #2, #3, #6
    Or maybe I am going about this all wrong?  Anybody have any better ideas?

    You may find it much easier to use the Migrify plug-in from Tim Armes/Photographers Toolbox which does what you want from within Lr.

Maybe you are looking for

  • Time Capsule can't function as backup drive?

    My main work computer's logic board fried yesterday. (Under AppleCare, so shouldn't be the end of the world, just a pain). I have it set for continuous hourly backups to a 1TB Time Capsule. So I should have all my files accessible. I'm working on ano

  • Using array as a MATLAB script input in a subVI - labview crashes

    Hello I am having troubles in creating a subVI that includes a matlab file which has an array as an input. I have created a VI, that executes a simple matlab script, having an array as an input and an array as an output. This worked fine, untill i as

  • IOS 4.2.1 intermittent data

    Wifi connection will disconnect intermittently on both my iPhone 3G and iPhone 4. This happens sometime to both at the same time, or one at a time. I did a lot of test on my wireless network trying to find the cause of this. What i discovered shows t

  • Why won't my .CR2 files import?

    I can't get my RAW files to import.  Shooting on the 5DM3 using jpeg + RAW setting.  I got the jpegs to import, but not RAW.  What is going on?  PLEASE Help!!

  • Best way to make EventDispatchThread wait for SwingWorker?

    Hi , I have been scouring these forums looking for a simple solution, but can't find one. I want to use a SwingWorker to connect to a server an return some results, but I don't want the EventDispatchThread to continue on until the SwingWorker 's fini