Unwanted white space in Illustrator CS3 EPS

Hai All
I am facing a problem with the specific image find the attahced.
There is no white space in images (87862fig2_3.eps) if we open it in “Adobe Illustrator CS3”. We have imported the same image in “In Design CS3”, but there was some white space exists in top and bottom of the image. I have opened the same image in the Adobe Illustrator CS3 and "Save As" the same now the white space is not appearing around the image.
Please advice why i am facing this problem
Thanks in advance
Mathew

I downloaded the eps and I opened it in AI and there was no problem I saved it as an AI file and placed it in ID and had no problem I then saved it as a eps and had no problem when placing it in ID. This would be on a Mac.
I do however get the same result when I place your eps in ID it goes away when I open in AI and then save it out again from AI as an eps or ai file.
This is with CS 4.but I do not recall ever seeing this problem in CS 3? I attached the files I saved from AI CS 4 see if there still exist the problem when you place these files in ID or AI? I think the problem will not be present.
What are your setting when saving from AI as an eps?

Similar Messages

  • Unwanted white space to the right of the page

    On my side the web pages scrolls too far to the right, with lots of unwanted white space.
    I went to the original Dreamweaver template, and compared codes, but can't seem to find a way around the excessive white space. I thought at first the  div.toplogo was the culprit, and adjusted it several ways, but no luck.
    My site is www.JFKTech.info
    Has anyone had a similar problem?
    Any help would be greatly appreciated.

    This is a duplicate post.  See my answer in your other discussion.
    http://forums.adobe.com/message/6076792#6076792
    Nancy O.

  • Why is there unwanted white space added to all .jpg/.png when "inserted" into Dreamweaver CS4?

    I have two seperate sites/seperate root folders that I am building right now and every image that I insert into Dreamweaver has an extra white space added to the left of every image. Please help, I must have checked/unchecked something in my preferences. Thank you!
    Its not in my CSS or in the HTML coding...from my site:
    <a href="optomized-large/Havana-Night-(66-of-312).jpg" title=""> <img src="optomized-thumb/Havana-Night-(66-of-312).jpg" width="100" height="150" alt="" /> </a>

    You do know how wrong it is to make a web page that is nothing but images, right? It's on the list of the 10 worst mistakes you can make for sure.
    Anyhow, look at this page -
    http://www.murraytestsite.com/denver.html
    I have outlined every image on that page with a 1px red border.  There is no unwanted white space being added to those images.  If there were you would never see the menu button images that close together.  I have also put a 1px green border on the left of the container div.  Note that the images are snug against that green border.

  • Inserting special spaces in Illustrator CS3

    How do you insert special spaces in type in illustrator CS3 (m space, n space, etc)
    and what are the shortcuts for them?
    Thank you.
    Louis
    Note: I'm on Leopard

    You can do it. It's just tortuous.
    1. Set normal spaces where you want to insert special spaces.
    2. Edit>Find and Replace.
    3. Place a space in the dialog's Find field (press the space bar); use the drop down menu in the Replace field to select your special space.
    4. Begin the F&R process.

  • Can't get rid of unwanted white space

    I'm trying to delete what looks like four lines of extra space within a paragraph. I've tried the GREP for multiple returns, trailing white space, leading white space, and nothing seems to work. I've attached a screenshot. Can someone tell me what is going on??

    Show us the whole page, with non-printing characters showing, and the text frame options dialog open.

  • Unwanted white space

    I am having a white space issue.  It is on the About Us page -
    http://www.radfabs.com/about.html I have the About Us content and pictures all in one div.
    As the site is white to narrow the area of problem I changed the background of the div yellow and tested it and that is definitely where the problem is but for the life of me I can't see it:
    #hometx { 
    position:absolute; 
    left:0px; 
    top:195px; 
    width:850px; 
    height:1692px; 
    z-index:6; 
    padding-left: 20px; 
    font-family: Tahoma, "Times New Roman", sans-serif; 
    padding-top: 20px; 
    border-top-style: none; 
    border-right-style: none; 
    border-bottom-style: none; 
    border-left-style: none; 
    background-color: #FFFFFF;}
    I did some on line research and found that others have had this issue and when they added in img {display: block} it fixed the problem - that did not work for me.  I would greatly appreciate any advice as this is making me a little crazy!
    Thanks!

    Thank you so much!! I have a few questions:
    What does this command do?
    html { 
    overflow-y:scroll;}  Is this so a scroll bar appears if it is shrunk?
    I see you added font size 100.01% to the body - is that better to use than 1em?  Also I see because it is in the body I don't need it anywhere else. Ditto with the fontface.
    I see you put the boys pictures in their own div "bottom" and am curious why?  Does this clean up another flaw?
    On the bottom I see you added an th#facebook and put the color in that way.   I am a little confused about when to use a class and a id - I thought it would be better as a class so I could use it in additional spots, if I wanted to.  Is this wrong?
    I see you took out the left & top and definitions that I had in - I am guessing this was part of my drawing div's mess?  And I see you took at the z-index - are these not needed?
    You really are wonderful! Thank you again for taking the time and effort to help me with this!!!  I really appreciate seeing the clean code so I know where I need to do some fixes!!  I have a lot to learn!!
    Laura

  • Placed Illustrator PDF has extra white space

    Illustrator  artwork saved as PDF, and placed on an InDesign page comes in with extra white space of around 1 1/3 mm on all 
    sides. I can't figure out what this unwanted white space is or how  to avoid it. Can someone please tell me how to avoid the  extra white space.

    in which case - i can only apologise for the incorrect advice.
    I've never had any problems with eps files - providing that the artwork is tidy.
    And I've found loads of problems printing a placed pdf through a digital rip.
    I'll leave it down to trial and error... and wish the best of luck.
    cheers
    re

  • Illustrator CS3 En, Em, Thin space shortcut

    I am looking for keyboard shortcut for en, em, thin space in Illustrator CS3.
    I could find the way to apply en and em dashes by using smart punctuation.
    I tried to find the answer in Illustrator help option, but could not find it..
    Please let me know about it.

    I came by this thread while searching for this feature. Since this is still not present in Illustrator CC (which is unbelievable), I thought I might share another way to do this if you’re on Mac OS X. It requires some setting up, but I use this all the time:
    Go to System Preferences -> Keyboard.
    Make sure “show keyboard & character viewer” is turned on.
    In your status bar on the top right, click on character viewer.
    In the Characters panel, search for “thin”.
    Under “Unicode-name” select the first “invisible” character.
    Make sure it is says “THIN SPACE” in the right panel.
    Double click it to insert it somewhere.
    For extra convenience, you can add the thin space character to your favourites.
    Hope that helps anyone looking for the same thing

  • Need help with white spaces/halos when creating PNG

    I'm using Illustrator CS6 on Windows 7. I'm trying to create some pushpins that will go on an online map. I've created the graphic in Illustrator and everything looks nice and sharp. My problem is when I try to convert this .ai file to png. The ai file is set up on 8.5 x 11 artboard with the graphic taking up the whole artboard; the final size of the png needs to be 20x34 pixels at 72 dpi.
    I've tried both Save for Web and Export but no matter what I do, when I open the png in Photoshop, there is a white space between the grey pushpin and the black stroke as well as around the outside of the S. No matter what I've tried, I can't get rid of these unwanted white spaces/halos. Is there a setting I'm missing somewhere? The large image below is how it looks in Illustrator; the small image is the png opened in Photoshop. How can I get the small png to be as crisp as the large ai file? Thanks.

    mc-mark,
    Are you sure the artwork is contained within whole pixels on the Artboard?
    One way to obtain that is to move the artwork so that the Transform panel tells you that the X and Y values of the lower left corner (or centre or something else) are whole pixels/points; another way is to tick Align to Pixel grid  in the Transform panel, but I am afraid that may distort the artwork when used at this stage.

  • IE 11 white space problem

    I created  a page with dreamweaver. It renders as intended in firefox but shows unwanted white space in ie 11.
    How do I fix this?
    Here is the page in firefox:
    Here is ie 11 page:
    Please respond to [email protected]
    Here is my code:
    <!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>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    font-size: x-small;
    color: #FFF;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    color: #FFFFFF;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    height: 80%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    .container .footer #fMisc div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
    background: #6F7D94;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
    float: right;
    width: 20%;
    padding-bottom: 64px;
    height: 100%;
    font-family: "Comic Sans MS", cursive;
    font-weight: bolder;
    font-size: x-large;
    border-top-width: 0%;
    border-right-width: 0%;
    border-bottom-width: 0%;
    border-left-width: 0%;
    background-color: #93A5C4;
    background-repeat: repeat;
    margin: 0px;
    overflow: hidden;
    .content {
    width: 80%;
    float: right;
    background-image: url(back1.gif);
    background-repeat: repeat;
    background-color: #CCC;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    height: 100%;
    overflow: hidden;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background: #8090AB;
    color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #6F7D94;
    color: #FFF;
    /* ~~ The footer ~~ */
    .footer {
    background: #6F7D94;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    font-size: xx-small;
    color: #000;
    margin: 0px;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    a {
    color: #FFF;
    .container .footer #fMisc div p a {
    color: #FFF;
    .container .footer div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    .container .footer div p a {
    color: #FFF;
    p {
    font-size: xx-large;
    p {
    color: #000;
    font-size: x-large;
    .container .footer #fMisc div {
    font-size: x-small;
    .container .footer #fMisc div {
    color: #FFF;
    .container .content h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #000;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="container">
      <div class="header">
      <img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
    <!-- end .header --></div>
      <div class="sidebar1">
       <img src="Pictures/back1.jpg" width="72" height="72" /><p> Cliff is an all breed AKC Registered Professional Dog Handler</p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <!-- end .sidebar --></div>
      <div class="content">
       <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="#">Home</a>      </li>
         <li><a href="#" class="MenuBarItemSubmenu">Kennel</a>
           <ul>
             <li><a href="#">Our Facility</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="#">Pictures</a></li>
           </ul>
         </li>
         <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
           <ul>
             <li><a href="#">Info</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="Schedulefile:///S:/Homepage/calendar.html">Schedule</a></li>
    </ul>
         </li>
         <li><a href="#">Photo Gallery</a></li>
         <li><a href="#">About Me</a></li>
         <li><a href="#">Contact Me</a></li>
       </ul>
       <br />
        <h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif;">Clifford W. Steele </h1>
       <div style="text-align:center; font-size: xx-large;"> <img src="Pictures/Harley Champion001.jpg" alt="Harley Champion" width="530" height="423" border="0" /></div>
      <!-- end .content --></div>
      <div class="footer">
          <div style="float:right">
            <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
           </p>
        </div>
        <div>
            <p>Clifford W. Steele  Professional Handler <br />
              1395 Rt. 6<br />
              Carmel, NY  10512-1627<br />
              United States<br />
              ph:(845) 225-2463<br />
              Cell:(845) 661-0010<br />
            <a href="MAILTO:[email protected]" >[email protected]</a></p>
        </div>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </script>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Give <div class="container"> the same blue background color as your right side bar.
    You'll notice in IE some of the spacing for the rest of your page is slightly larger than in Firefox (browsers do that a lot if you aren't very, very specific about sizes). Because of that, your side bar isn't long enough to fill in the space on that side and the background color of the "container" <div> shows through.

  • Eliminate White Space in Picture Library Slideshow Web Part

    On my site, I am using picture library slideshow web parts on two different pages, and one of them is giving me trouble with unwanted white space between the photos and the back, pause, forward control buttons (see photo below).
    In an attempt to resolve this issue, I have tried numerous things. I have resized the width and height of the web part itself to many different sizes, but to not avail. I have cropped and resized all of the photos to be the exact same size of 300x200
    pixels. I have used CSS to display the photos to their actual size rather than the standard preview size. With all of this in mind, my second photo library web part on another page works perfectly. This was white space problem was only an issue until
    I resized/cropped the photos in that case. For this page, however, that solution is not working.
    Does anyone have any clue as to how I can remove this unwanted white space?
    Thank you!

    Hi Stacey,
    From your description, you would like to remove white space in picture library slideshow web parts. You used CSS to solve it however a web part still show white spaces.
    Please press F12 and see if there is div tag in white space, if there is, try remove it.
    http://365.webbrewers.com/Pages/webbrewerstest.aspx
    In addition, try edit web part properties > Display with > choose No Title or Description.
    Here is a similar thread for your reference:
    http://social.technet.microsoft.com/Forums/en-US/1e63661f-0183-44e7-843a-cca58a20cddc/remove-empty-space-in-picture-library-slideshow-web-part?forum=sharepointgeneralprevious 
    Regards,
    Rebecca Tu
    TechNet Community Support

  • Saving an Illustrator CS3 file to CS2?

    How can I save an Illustrator CS3 EPS file so that a CS2 user can open it? If so, how is this accomplished?
    Thanks,
    Kelly

    If you Save As, hen click Save, you will be presented with a second dialogue asking for version number. Select CS2 or earlier and the file can be edited in CS2. Some effects and appearances might not survive the translation or will require flattening, which makes them harder or impossible to edit.
    Your colleague might also be Placing the EPS rather than opening it.

  • Exporting Illustrator CS3 files to Illustrator CS2

    Can anyone tell me how I can "downsave" an Illustrator CS3 .eps file to be able to open it in Illustrator CS2? Thanks.

    You need to Save the CS3 file as a legacy version.
    Choose Save As, give it a name, click Save. On the next screen, choose CS2 from the drop down list at the top.
    Good luck!
    Malin

  • Problem with Rounded Corners on EPS object in Illustrator CS3

    I'm using Illustrator CS3 and I have an EPS object which has rounded corners. When I export  the object and save it as a JPG the exported image takes on the shape of  the artboard (which is a square) rather than the shape of the EPS  object which is a square with rounded corners. I've placed the exported  JPG into my blog but when I look at it I can see a little bit of white  in each of the four corners. What can I do to stop this from happening?  In other words, I want my exported JPG image to have rounded corners  without the white. Please provide me  with as much detail as you can as I'm fairly new to Illustrator and I'm still finding my way. Thank you.

    Hi Graccon,
    The JPG format does not support transaprency. Either save as a gif or as a png. Or choose a matte color which matches your page background for the jpg.

  • How to get the "Eps option" details for illustrator cs3.

    Dear all,
    Could you please advice me how to get the Eps option(Preview, Embeded Fonts(for other application), Include Document Thumbnails etc.) details for illustrator saved files through scripting. I have attached the screen shot("sample.bmp") for yours review. Please explain in detail.
    Thanks in advance.

    Thanks for your response. As per your advice i tried to open the illustrator cs3 file in text editor. I got only the Thumbnail and Version details. But I am unable to get the remaining below details.
    (Preview=>Format : TIFF (8-bit Color), TIFF (Black & White), Transparency=>Overprints : Preserve, Discard, Fonts=>Embed Fonts, Options=>Include Cmyk PostScript in RGB Files, Compatible Gradient and Gradient Mesh Printing, Adobe Postscript=>LanguageLevel2, LanguageLevel3) .
    Kindly advice me how to get the above details.
    Thanks for looking into this.

Maybe you are looking for