Getting surrounding white space off an image

How do you get rid of white space behind an image in Pages?  I've done it before where you just click and it basically disintegrates to the image but can't remember how I did it?!?!?  Need to put images in Keynote on a black background and can't have the white around the image.

Perhaps you used Format > Instant Alpha to remove the white
Jerry

Similar Messages

  • Why are there white spaces between my images when I preview my html design on a web browser?

    I am creating an email newsletter with Dreamweaver CC and after being unable to find a way to use layers I opted to create the entire image in Photoshop and then break it into pieces to create the image links.  I'm using tables and I have the padding and everything set to "0", but when I view it in the browser there are white spaces between each image. It looks solid in Dreamweaver, but in pieces on web browsers.  I do not understand how or why this happened and I cannot figure out how to fix it.  If anyone can help, I'd greatly appreciate it.  Thanks.

    I only used Photoshop for the layout.  Then I created web-safe images for everything that I used for Dreamweaver.  I uploaded the images to the internet and then image sourced them into the code so that they will be viewed properly in the correct circumstances.  I haven't used HTML since about 2004 and I wasn't very good then.  I've just been thrown back into it and I'm pretty much learning as I go.  This is my second attempt because I wanted to make the newsletter more eye-catching.  My first one is very basic and without a background image at all and that looks fine in pretty much all email clients.  I tested it with Litmus.  All except for Windows Live Mail, where the images didn't act as links but as static images.  It works fine with the others I tested manually.  Those being Gmail, Yahoo and AOL.  I will try the display:block and get back to you.  Thanks for your suggestions.

  • Remove extra white space from an image

    I want to remove the extra white space in my image while writing it into a jpeg file using JPEGImageEncoder.
    Any help is welcome .

    ok.. Am having a JPanel whose width is set to 77000. But almost 60% of right hand side of the Panel is empty. I will create a BufferedImage from this component and then write it into a file using JPEGImageEncoder.
    The empty portion of the panel is coming as a white space in the image.
    Now how to remove this ? Was that clear enough ?

  • White space/margin around images in onClick popup windows

    Hi. I'm using a JavaScript function that comes with
    dreamweaver so what when users click on thumbnail images, a larger
    window pops up with the image. Here's the function:
    <script type="text/javascript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    //-->
    </script>
    Here's an example of how I'm using it in the code:
    <a href="javascript:;"><img
    src="dr_chm_allrgt_200x281.jpg" width="200" height="281" border="0"
    onclick="MM_openBrWindow('dr_chm_allrgt_400x300.jpg','','width=300,height=400')"
    /></a>
    This works great, except for one thing: the image doesn't
    appear in the very top left-hand corner of the pop-up window --
    there's some white space around it, and the right and bottom edges
    of the image are cut off, because they don't fit in the pop-up
    window. I'm wondering, is there some way around this problem,
    that's less messy than changing the width and height that I'm
    passing to the function every time?
    Thanks

    You are opening an image directly in the browser -
    MM_openBrWindow('dr_chm_allrgt_400x300.jpg'
    In that case, you have no control over how the browser
    displays the image.
    To get control, you would have to open an HTML page that
    contains the image
    instead of opening the image directly.
    There are extensions that will do this for you on the fly -
    the one I use is
    JustSo Picture Window from
    http://www.valleywebdesigns.com
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "outmatch1" <[email protected]> wrote in
    message
    news:f4j86l$s1o$[email protected]..
    > Hi. I'm using a JavaScript function that comes with
    dreamweaver so what
    > when
    > users click on thumbnail images, a larger window pops up
    with the image.
    > Here's
    > the function:
    > <script type="text/javascript">
    > <!--
    > function MM_openBrWindow(theURL,winName,features) {
    //v2.0
    > window.open(theURL,winName,features);
    > }
    > //-->
    > </script>
    >
    > Here's an example of how I'm using it in the code:
    >
    > <a href="javascript:;"><img
    src="dr_chm_allrgt_200x281.jpg" width="200"
    > height="281" border="0"
    >
    onclick="MM_openBrWindow('dr_chm_allrgt_400x300.jpg','','width=300,height=400')"
    > /></a>
    >
    > This works great, except for one thing: the image
    doesn't appear in the
    > very
    > top left-hand corner of the pop-up window -- there's
    some white space
    > around
    > it, and the right and bottom edges of the image are cut
    off, because they
    > don't
    > fit in the pop-up window. I'm wondering, is there some
    way around this
    > problem,
    > that's less messy than changing the width and height
    that I'm passing to
    > the
    > function every time?
    >
    > Thanks
    >
    >

  • How to remove white space between sliced images ? Please help.

    I've created a site by exporting sliced images from Photoshop into Dreamweaver. Some images have a thin white line between them that I can't get rid of. I think it's because they are in a table format. There is no cell padding. Can you help me remove them? (see code below) The images I'm talking about are the horizontal buttons used in the navigation bar. Thank you in advance!
    Here is a link to the site: Site Preview
    --------------CODE---------------
    <table width="1001" height="751" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
        <tr>
          <td colspan="17">
            <img src="../Images/Optimized-Header.gif" width="1002" height="188" alt="logo header"></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="194" alt=""></td>
          </tr>
        <tr>
          <td rowspan="2">
            <img src="../images/white-space-top-left.gif" width="44" height="45" alt=""></td>
          <td colspan="16">
            <img src="../images/Creekside-Layout-Final_03.gif" width="956" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="1" alt=""></td>
          </tr>
        <tr>
          <td colspan="3"><a href="../creekside_homepage.html"><img src="../images/about-btn1.gif" width="157" height="44" alt="about"></a></td>
          <td colspan="3"><a href="../steam_and_sauna_page.html"><img src="../images/steam-and-sauna-btn2.gif" width="233" height="44" alt="steam and sauna"></a></td>
          <td colspan="3"><a href="../creekside_hot_tubs_page.html"><img src="../images/hot-tubs-btn3.gif" width="162" height="44" alt="hot tubs"></a></td>
          <td colspan="3"><a href="../creekside_rentals_page2.html"><img src="../images/rentnals-btn4.gif" width="151" height="44" alt="rentals"></a></td>
          <td colspan="3"><a href="../creekside_contact_page.html"><img src="../images/contact-us-btn.gif" width="211" height="44" alt="contact us"></a></td>
          <td>
            <img src="../images/white-space-top-right.gif" width="42" height="44" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="44" alt=""></td>
          </tr>
        <tr>

    Your slices appear to be a little bit off. 
    Use Photoshop for images only.  Use DW to build your web pages.  Exporting HTML from graphics apps is not going to produce good cross-browser results.  It's really only for quick prototypes; not real web sites.
    See this 3 part tutorial:
    Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
    Part 1 - Initial Design
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
    Part 2 - Markup preparation
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
    Part 3 - Layout and CSS
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/

  • Less white space for Insert image

    Eliminate some vertical white space on the Insert Image window.
    Sometimes this large window runs off the bottom of my browser window.  I have to scroll down past all the vertical white spce to click on the insert image button.

    if all you need is have mapviewer render the style and place it next to your theme control, you can probablly just issue a regular map request with only 1 feature and specify the style to be used on that feature. For instance, if you just want to show the M.STAR marker style, you can issue a request containing only the center point and specify the render style for the center point as M.STAR. you can also specify the exact width/height you want for the final 'map'. Yes if you issue a legend-only request mapviwer adds white space to it and ignores the width/height attributes.
    finally, we will add your last two items into our wish list. thanks.

  • White space between images

    I have 5 rollover images lined up beside each other in a
    table cell. I have reduced their borders to 0, the cell padding and
    cell spacing to 0 also. I even tried reducing the images padding
    and margin to 0. However, there is still a really thin line between
    each of the images that i want to get rid of (it's as if the images
    all have a small white border around them, but I've reduced their
    borders to 0).
    Here is what the code looks like:
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="53">
    <div id="box">
    <p align="right"><img src="banner.jpg"
    name="banner" width="536" height="101" border="0" id="banner" />
    <a href="#" onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('home','','Buttons/homebtnover.jpg',1)"><img
    src="Buttons/homebtnup.jpg" name="home" width="107" height="36"
    border="0" id="home" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('theteam','','Buttons/theteambtnover.jpg',1)"><img
    src="Buttons/theteambtnup.jpg" name="theteam" width="107"
    height="36" border="0" id="theteam" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('schedule','','Buttons/schedulebtnover.jpg',1)"><img
    src="Buttons/schedulebtnup.jpg" name="schedule" width="107"
    height="36" border="0" id="schedule" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('gallery','','Buttons/gallerybtnover.jpg',1)"><img
    src="Buttons/gallerybtnup.jpg" name="gallery" width="107"
    height="36" border="0" id="gallery" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('contact','','Buttons/contactbtnover.jpg',1)"><img
    src="Buttons/contactbtnup.jpg" name="contact" width="108"
    height="36" border="0" id="contact" /></a></p>
    </div> </td>

    .oO(Twinbird24)
    >It still doesn't work. I've even tried to just make a new
    document and just
    >place the rollover images beside each other in a row
    (horizontally). However,
    >even with the image's borders, padding, and margin set to
    0, there still seems
    >to be a really small space between the images.
    >
    > Here is a link to the rollover images, as you can see,
    there is that small
    >white space between the images:
    >
    http://www.arkdesigns.ca/untitled.html
    The gap I see is in the images themselves - the outermost
    right and
    bottom pixels are faded. There's no other gap between the
    images in
    Opera and IE 6.
    Micha

  • How do I get rid of the white space in the navigation toolbar after installing LastPass?

    I've uninstalled and reinstalled the 64-bit Firefox on my Windows 7 laptop. After installing LastPass I get this white space in the left search. I didn't know if anybody has had a similar issue. Thanks for your time guys.
    Here's a link to what it looks like on my page. http://i.imgur.com/kpRh0tv.png

    This issue has been solved.<br>
    Please view the support ticket for more details.
    [https://lastpass.com/my.php?token=TRHJ2AUK8VSV LastPass Support Ticket]

  • Conditional Build Tab for image leaves extra white space

    I've applied the "Print" Conditional Build Tag to an image in
    my online help. When I generate the help and view it in the
    browser, extra white space is inserted between the steps. For
    example, instead of the steps being:
    1.
    2.
    3. etc.
    They now look like this:
    1.
    2.
    3. etc.
    Why is there extra white space where the image used to be?
    Thanks in advance for your help. Using RoboHelp7 -- WebHelp.
    Bill

    Probably there is a paragraph break or a space that you can't
    see but is not enclosed in the conditional tag.
    Check the html code immediately before and after the tag.
    Harvey

  • Imported image and making white space transparent...

    I need to make the white space around an image transparent without having to use the clipping mask tool. In Freehand, you simply click a button and the white background disappears. I need to use that exact technique to hide the white background.
    How can I do this in InDesign?
    Thank you.

    There's quick, and there's right. They're rarely in the same space.
    To make a transparent background can be a complex and fussy process. While InDesign could include a general tool to do so, it would likely be inferior to actually making the image background transparent in a native image editing tool.
    I've found most such embedded features to be adequate only for low end work - e.g., they leave a background halo on the image, or a noisy edge, or other image problems. I really don't see it as a flaw or omission that ID forces you to use a proper tool to create the background transparency.

  • Getting rid of white space when importing Flash

    When I import a Flash file onto Dreamweaver, I am getting the
    white space (canvas) that I don't want. I previously used Flash and
    Dreamweaver 8, and I added this to the html to get round it
    (highlighted by *'s):
    <div id="quick"> <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
    width="350" height="160" title="quickbox">
    <param name="movie" value="EXP NEW QUICKBOX.swf" />
    <param name="wmode" value="transparent" /> **********
    <param name="quality" value="high" />
    <embed src="EXP NEW QUICKBOX.swf" quality="high"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    type="application/x-shockwave-flash" width="350" height="160"
    wmode="transparent" *******></embed>
    </object></div>
    However, I am now using CS3 versions of Flash and
    Dreamweaver, and this no longer works as I am still getting white
    space.
    Anyone know why?

    Sorry, posted in the wrong section.

  • How to get white screen off ipod touch

    im having trouble getting the white screen off my ipod touch and it wont turn off either and when it does go off eventually when it comes back on the  white screen is showing again

    Try the following. You will likely have to let the battery fully drain                                              
    - iOS: Not responding or does not turn on           
    - Also try DFU mode after try recovery mode
    How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
    - If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
    - Try another cable              
    - Try on another computer                                                       
    - If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
    Apple Retail Store - Genius Bar                                     

  • White space around graphic

    Is there any way to get rid of the white space around an image. A lasso?

    Do you mean the wide gutter? The default for all graphics inserted or dragged & dropped into a Pages document is 12 points. You can use the wrap inspector to either turn off the wrap or decrease the gutter?
    If you want to make the background transparent, take a look at a recent thread starting here.

  • White spaces b.w regions... how to fix them...?

    Hi,
    I've created few regions on a page... I am hiding/showing couple of them based on the selection from a radio group...
    my issue is that, for some odd reason I am getting additional white spaces for some of the selections (and not for all of them)...
    I've saved a sample on APEX.ORACLE.COM as follows for your review and comments
    Workspace: tparvaiz
    Username: [email protected]
    Password: tparvaiz
    Application: 28899     Default Date and White Space
    Appliaction Page No: 24
    ID/PW: TEST/TEST
    Thanks

    You are using dynamic actions to hide items rather than the regions containing them. This leaves elements of the region visible as extra space. Also the choice of region template may not be appropriate and include elements that generate extra space (the Button Region without Title template doen't seem right for the Proj_Order region as this doesn't contain any buttons). Use a browser with a web inspector tool (Safari, Chrome, or Firefox+Firebug) to find the elements generating the unwanted space.
    Either:
    <li>Change the DAs to hide the regions as a whole rather than the individual items (use static region IDs to provide DA selectors).
    <li>Retain the DAs that operate at item level, but use fewer regions, e.g. move the items into a single region.
    As Re: Image rollover, you may be using too many separate regions. This isn't wrong (in many ways its a good thing) but there should be good reasons for doing so, and you should take advantage of there being separate regions by working with regions as whole. Also consider using subregions to group related regions.
    A clearer naming convention for Dynamic Actions would also be a good idea: the current ones give no clue to what they do.

  • White space issue in displaying page on Curve 8330

    Hi All
    I am using a lot of <div> tags on my jsp page to be displayed on Curve 8330 I am getting unnecessary white space after the last <div> tag . I have tried to set <div> and <body> tag style attributes like padding and margins to "0px" but with no luck.
    Would really appreciate help on this. 
    thx 

    Hi,
    File to Idoc and Idoc used is ORDERS05.
    Is IDOC occurence on target side is unbounded or 0..1???
    If multiple occurence means then u need to change the IDOC structure, just change the occurence to o.unbounded.
    Whenvever i am opening the payload with notepad i am able to see the space as 70th character and whenever i am checking the XML the space has been truncated for same.
    I understand from above that the payload is correct with 70th character is space , but when u see the XML Payload in moni, the size is less or the white spaces are trimmed out.
    So u neeed to add extra attribute on sender FCC
    node.fieldContentFormatting  nothing
    by default it is trim u need to change as nothing..
    Let us know the result
    Babu

Maybe you are looking for