Placing image throws whole site off.

Help. I've been trying to work this out for hours and hours -
going over to my friends who has a pc. My site works just fine on
most apple browsers.. but not microsoft ie. The problem is the main
image creates extra space to the right when i have it placed in. I
know this because I colored the table behind it. Is there something
I'm missing?
My url example...
http://www.kidlogicdesign.com/pkg_mp3producer.html

>>Does that change fix it on a pc?
Looks alright on FF. Shows the cell background to the left
side on IE(
because cell is wider than image and image is aligned to the
right).
Simplest solution would be to not give the cell a background.
The cell
background will also cause problems if you start increasing
the text size in
FF (ctrl++). As the text size increases and the image size
doesn't change
ofcourse, the cell background starts showing.
<td colspan="3" rowspan="9" valign="top"
bgcolor="#CC9966"><div
align="right"><img src="pkg_mp3producer.jpg"
width="499" height="406"
/></div>
Do you really need the cell background ? You don't intend
showing it, so if
you just remove the background, everything will look the way
it should in IE
PC and FF.
Regarding the space on top. You'll never achieve the sort of
uniformity
you're looking for. Viewers will look at your page with
different screen
resolutions. If I view our page in 800x600 resolution,
top-half of the
screen is empty. If I view the same page in 1280 x 1024, the
page looks
centered. Maybe you're centering the layout based on your
machine screen
resolution, but that may look poor for someone with a 800 x
600 resolution.
If you want to check how your site looks go to
http://browsershots.org You
can get screen shots of your site in different resolutions,
browsers etc.
for free. You'll see what I am trying to explain.
"B-easy on me" <[email protected]> wrote in
message
news:ep84c7$fa7$[email protected]..
> Thanks mista. I like your email address.. I tried what
you said, and I'm
> taking the space at the top into consideration.. it is
sort of an asthetic
> thing.. What I'm aiming for is to have the colored
border be uniform
> around the
> whole page. Does that change fix it on a pc? Btw, I've
tried the
> allignment to
> no success before, but it was align left and center..
>
>
http://www.kidlogicdesign.com/pkg_mp3producer2.html
>
> Thanks!
>

Similar Messages

Placing images without resize?

When I put some images into a psd via placement instead of copy/paste, the images are resized, often by a lot. It appears that different resolutions is the reason.
Image sizes are retained in copy/paste, but placement is faster, so I'm wondering if it's possible to retain image sizes via placement without tweaking the resolutions.
Disabling "Resize Image During Place" doesn't help. Neither does changing the W and H values to 100% during placement, as it appears that the images were already resized so that 100% of the placed images are still way off of the original image sizes.
Thanks!

As Wade said, I don't think this is any bug. sounds mor like you are using some sort of hyper-sensitive input device (or misconfigured one) that causes accidental selection and move of existing work.
Mylenium

How do I make a placed image the full width of the browser?

Hi, I've tried adding the image as the browser fill only to have it shuffling all other placed objects out of wack.
I've also tried having it as a placed object but, when I preview in browser I can't seem to be able to get it the full which of the screen.
my website is 1000 px wide, the image I'm trying to place in it is 5147x2668

Thanks for the response Vivek,
Tried that but no joy, it seems I've tried everything I can think of. I tried setting the the image as a browser fill. Very confused. It actually seems to be something to do with the page width or something. Using your method I successfully got the menu bar and the 100% width placed image the same width (previously they were different width's), but my whole site, when previewed just isnt the width of the browser. I must say I'm lost, I've tried changing the site properties (page width, margins etc.) I'm new to Muse but have studied it quite thoroughly over the last 6 weeks. Now I'm ready to build my site I seem to have tripped at the first hurdle here's a screenshot of what I'm getting when veiwed in a browser, as you can see it's all a bit shrunk down:
and what I'm seeing in Muse's design page:

Create Pattern Swatch from Placed Image in Javascript

I need to create a large number of pattern swatches from some .jpg file on disk. I've figured out how to script the insertion of the .jpgs into my AI document as placed images:
     // Embed the image into the document.
     file = new File("MyImage.jpg");
     var document = app.activeDocument;
     var newPlaced = document.layers["swatches"].groupItems.createFromFile(file);
     newPlaced.name = "MyImage_Placed";
This works fine and the item shows up in the correct layer as an embedded image.
Now I want to create a PatternSwatch (I think) from that Image.
To create a new swatch the code starts out as:
     newSwatch = document.swatches.add();
     newSwatch.name = "MyImage_Swatch";
but now I'm stuck! How do I associate the new PlacedItem with the swatch I just created? I can see the swatch in the palette so I'm partway there.

When you say you would drag the image itself into the Swatch Palette and it would show the image itself? How would then use this swatch? Can you give an example of what you would apply a jpeg to as a swatch? The only palette that I can think of off the top of my head that you can drag a jpeg into and have the icon appear as the jpeg is the Symbols Palette. Is is possible that you were using the Symbols Palette in the past and not the Swatch Palette?

Newly placed images not showing up and Text Styles not previewing correctly

I was playing around with defining new text styles and they
looked OK in Dreamweaver but when previewed in browser everything
was in Times. I deleted all the pre-set styles trying to fix the
problem out why when I realized now newly placed images don't show
up in preview, but old images will. I can copy and paste an
existing image and it will show, but not if I place it new. When
trying to Manage Site, I kept getting a "Home page is not on
this...." message. Please help me figure out what I have
done!!!

>Home page is not on this...
Several possibilities spring to mind the first of which is
you haven't
defined your site properly or at all
>previewed in browser everything was in Times
a link to your stylesheet has an incorrect path
>realized now newly placed images don't show up in
preview,
they should, defined site again?
If you have a URL we could see the code?
If not can you post the code here, otherwise these are all
guesses
Jo
"chas0616" <[email protected]> wrote in
message
news:esa2uh$h4d$[email protected]..
>I was playing around with defining new text styles and
they looked OK in
> Dreamweaver but when previewed in browser everything was
in Times. I
> deleted
> all the pre-set styles trying to fix the problem out why
when I realized
> now
> newly placed images don't show up in preview, but old
images will. I can
> copy
> and paste an existing image and it will show, but not if
I place it new.
> When
> trying to Manage Site, I kept getting a "Home page is
not on this...."
> message.
> Please help me figure out what I have done!!!
>

Placing Images (Screen Caps) for Callouts - Best Practice?

Illustrator CS6, Windows 7
I'm placing screen captures (screen images from software) in my artwork files to add callouts and create illustrations for a user manual.
The machine I'm capturing on has a screen resolution set at 1920 x 1080 (required for software). I'm using Snagit and capturing the screens, saving files, then placing in Illustrator. I've been using images minimum 300 dpi and never upsizing in Illustrator. Still I think my results could be better.
In the past I've used .jpg as my export filetype for placing into Illustrator. But, recent reads of postings in this community lead me to believe my practice might be flawed.
Question: What is considered best practice for placing images from screen capture (or any source) in Illustrator? What file type from capture will get me the clearest and most adaptable results?
My Illustrator file color mode is CMYK and my other art and callouts supporting the screen cap are working great.
I'm creating the artwork for import to Framemaker and creating a PDF for online and print.

What I mean is; what is the user looking at, and what are you training on?
For example, if the application involves medical imaging, and part of your documentation covers something like evaluating medical images in the application, that would probably be a far more color-critical scenario than an application in which the user just views and manipulates data.
Generally, you don't need anything like 300 PPI for screen captures in software documentation. The whole intent is for the image to look like the screen you are documenting, which is something like 72 or 96 PPI at actual size. You might downscale a screen capture as much as 50%, but at that size, the reader is viewing the application's text (including menus, etc.) at half the size as viewed in the application, which is assumed to be sized for comfortable reading. Sharpness is good. You don't want the images to become blurred in pursuit of completely needless "resolution."
Also generally speaking, software screenshots are not usually color-critical. Placing (even pasting from SnagIt) directly into the page layout app is usually just fine. PostScript knows how to separate RGB images. Such things have been done since long before anyone sweated blood over "color management." Assuming your application interface is not using garish color (which would be poor interface design; it's tiring), I dare say the conversion of RGB screenshots to CMYK at the imagesetter or press would be fine.
How is the manual going to be printed? Unless you're talking about a large press runs, nowadays software documentation (subject to frequent updates) is often printed on on-demand presses (think glorified digital color copiers), not sheetfed presses. With software documentation, you're not usually talking coffee-table collector's books. (The exception would be something like a book on color-correction in Photoshop; thus my first question.)
I routinely paste screenshots from SnagIt directly into InDesign pages to document software applications, and add the callouts in InDesign. Only when I need some special graphics (swooping arrows, etc.) do I assemble the callouts to the screenshots in Illustrator; and even when I do that, I also typically paste the SnagIt captures directly in to AI.
Keeping your callouts native to the page layout program also better facilitates language translation, when you have to outsource that.
JET

Problem with photoshop automatically resizing placed images

Hi,
I have PS6. I have images that are 144x100 px. When I use file>place ps resizes the image to 108x75. I can't figure out how to make ps quit resizing my pictures. Anybody know?
Thanks

When Pasting, Dragging, copying and placing an image Photoshop will copy all of the image being duplicated original pixels to preserve the image pixel quality the image quality. If the receiving document has a different DPI resolution the image may look a different size in the receiving documents because of the number of pixels added to the document that has a lower or higher dpi resolution. If the image is being placed in if the image pixels exceeds the receiving documents canvas size. Photoshop may scale the smart object layer to fit within the canvas that depends on the users Photoshop's preference. All of the images original pixels are still there in the embedded object. In my Photoshop Collage Scripts I always transform all placed images to 100% size incase Photoshop scaled the placed image. For you can not get the scale percent Photoshop used. Once I know I have the image at 100% size I can use the layer bounds to get the actual number of pixels there are in the placed image. Once I know that I can calculate the scale I need to use to resize the image to fit the area being populated in the collage template. Once resized I center it into place and mask off any excess image pixels.

White lines appear around placed images in printing.

A native Illustrator document with placed Photoshop (both CS6) images produces whites lines around the placed images when printed. The Illustrator document does not show white lines on screen. Nor does the PDF (Acrobat X Pro) generated from the IA doc show white lines when viewed on screen. When the document goes to press, the printed product show the white lines:
See upper left image and lower right image-note: other images are not affected. Both both are native Photoshop images, placed on a gradient in IA. Perhaps the PDF settings: "Adobe PDF Preset" or "Standard" are not chosen correctly? Why the white lines?

You screenshot shows a modified Illustrator Default preset with Compatability to Acrobat 4. That setting always flattens transparency which is what I would suggest avoiding first.
Note the Warnings summary alerts that transparency will be flattened.
garlic541 wrote:
2.That same initial 'Save Adobe PDF' widow allows for three settings: Adobe PDF Preset (12 choices); Standard (6 choices), and Compatibility (5 choices). Note how the window signals a Warning (Warnings: Saving this file with Compatibilty set to Acrobat 4 (PDF 1.3) requires items with transparency to be flattened.) Could this be a warning that produces the stitch lines in the actual printing?
Yes
garlic541 wrote:
After researching....
Discussion seems to indicate seeing 'stiching lines' on screen; sometimes in the designing application; or in the generated PDF. My instances are visible only in printing-in two of the four images.
1. Transparency. Is this an automatic occurence in generating the PDF? Can I turn it on/off? (The 'Save Adobe PDF' window that allows changes to: General, Compression, Marks & Bleeds,Output,, Advanced.....)
Transparency is part of some design and all Effects. Note that you can change a color by using a tint or by setting it's transparency. Many times a tint will suffice. It looks the same and has the same values.
Your original screenshot apears to use images with clipping paths. (Full disclosure - I should know this, but don't...I expect) clipping paths require/invoke the transparent background to place the images within the colored area.
You cannot get around transparency but flattening converts vector objects to raster objects (when transparency touches/abuts/interacts with raster images).
You should be able to use the Illustrator Default, High Quality Print or PDFX-4 to maintain live transparency
2 very old (2004) Adobe white papers, not too legnthy which I can shed some light. Note - PDFX-4 superceeds all of these.
Transparency in Adobe Applications: A Print Production Guide
A Designer's Guide to Transparency for Print Output

Placed image scale anomaly

A funny thing happened on my way to the theatre ...
Some days ago I placed an image into an Illie file, linked, 100% scale.
This morning I needed to edit the linked file in Photoshop. This involved cropping a bit off the bottom of it, thereby changing its dimensions.
Just to check that everything was still o.k. at the Illie end (because I somehow suspected that it might not be), I opened the Illie file.
Lo and behold, everything was not o.k. The placed image had scaled itself up by some few % becoming too wide.
Rather than fiddle around with scaling, I placed the image again and it came in in the right size.
I notice that exactly the same thing happens when I have Illie open while I am editing the image. The placed image hops visibly when Illie reads the new size.
Can anyone tell me why this is and how does Illie recognise the size of placed images?
Does she calculate the area or what is it that happens?
Here's an example that I tried afterwards, not having kept the original measurements:
Original image file 63.218 x 47.414 mm (placed in Illie at 100% scale)
Cropped in PS to 63.218 x 44.027 mm
Changes in Illie to 64.846 x 45.161 mm (scale 102.576%)
I can't make sense of the figures. Is anyone out there better at maths than I am? (Sure there must be!)

When you update a link, then image is scaled to fit the original bounding box size because of the default in the links palette >> placement options >> transforms
Links palette >> placement options>> dimensions should help. What I do not like most of these options later have blank sapce around the image, and it is hard to use the transform palette or snapping to for example snap to the edge of a die or guide.
I replace the image after the canvas size changes in photoshop, cause placement options though it has been around forever is not really that useful. Maybe someone else out there agrees/disagrees or has a different way to deal with this updating of resized images in Illustrator

Placing images at an exact scale in Indesign CS5?

Hi all,
I'm hoping someone can clue me in here... I've just updated from Indesign CS3 to CS5. I was hoping in the upgrade Indesign would give you an option for placing images in picture frames at an exact scale (like you can in Quark), for instance if you place an empty picture box on the master pages and enter 55% scale you would drop in images on each page of the layout at 55% scale.
In Indesign CS3 the closest I could get to that was to place an "FPO" image in the picture boxes on the master pages at 55% scale, then when I'd replace each FPO on the layout pages with my images they would drop in at 55% scale. It worked pretty well.
With CS5 I'm finding that when I replace an FPO image it will still drop in at the same scale the FPO is at, but ONLY if you load and place one image at a time... if you load, say, twenty images and drop them into the layout replacing the FPO images, they come out as prorortionally fitted to the picture frame... NOT as 55%.
this is a real issue for me as I routinely work on layouts where I need to place 400 and up images at an exact scale...
Anyone know a work around here, or any tips?
Thanks in advance.

As far as I know, you can't set scaling for a empty frame. You can use a placholder image and scale that, and if you turn off relink preserves dimensions relinking to a new image would preserve the scaling, but only if you do it one at a time through the links panel. Using the Place command and replacing theimages will not preserve the scaling, so through the interface there isn't much help.
On the other hand, I think this could be scripted. If you need all the images to be the same scale it should just be a matter of looping through the document images and setting the scale. If none of the scripters are taking notice here, ask over in the scriping forum.

Ctrl + D, Placing images

Hi,
I am very new to InDesign. I have a question on placing images in CS 4. In the pages I create a frame 420 x 320 and then I place a image of the same size into the frame. The images are all the same size as the frame, it is a photo album, all images are JPEGs. 80% of the time the images paste perfectly, the other 20% they are a thumbnail and I have to drag them to size. Why does that happen? Any ideas?
Thank you in advance for any input you can give me.
Keith

You give the measurement of the frame size, but not the units. This suggests that you are referring to pixels, which is a unit unavailable (and inapplicable) in InDesign. The likely cause of your problem is that these images have different pixel-per-inch (ppi) settings. Open each in Photoshop or another image editor and go to Image Info. Then give them consistent resolution, as measured in PPI. Be sure to turn OFF "Resample", then save. If they are JPEGs save as another format, like PSD or TIF.

How can I make my whole site in fullscreen (API) mode, not just the opening page?

I'm building a site that consists only of static pages, no scrolling, and I want the whole site to be in fullscreen mode. I know it's not good manners on the internet to have a whole site in this mode but it's a site with art and music and I really have a reason to have it this way.
I've been doing a lot of searching and I've got the fullscreen API to work for me, but just on that one particular page. I want it to stay fullscreen even when I go to another page on the site.
Maybe I've been doing this wrong somehow and the script is supposed to work that way but I've not been able to make it work.
Thanks in advance
db

Thanks so much for your quick replies.
The thing is I designed the site and tested it on a lot of different screen resizer plugins and it looked good.
What I did not count on was the space you lose with the dock. The content just gets too small on a 1366x768 for example.
Nancy, with "This allows content to fit the available viewport.", you mean the browser window? I've already built it that way.
Jon, ok so I was right about the API not working on whole sites then but it does have the the opputunity to make a single page fullscreen though.
Though I want the fullscreen mode on IE as well, I don't think the interface elements take that much space on windows computers and
maybe I won't have to use fullscreen there. This site is also not designed to work on mobiles so no issue there.
I have been thinking about some alternatives:
1. Some kind of workaround that you mention Nancy, but I haven't found any.
2. Have the visitors push a key to get into fullscreen but it seems that there is no equivalent to the F11 on mac, just different shortcuts for
different browsers. Or have I missed something here?
3. Make the next page open up in an iframe but it just slows down the loading of the page.

How to find out the Pixel Dimensions and Document Size of placed images?

Is it possible to find out the placed image details like Pixel Dimensions(Width,Height) Document Size(Width,Height) in illustrator through scripting. Kindly advice me with some examples.

http://www.adobeforums.com/webx/.3bbaa316.59b84fd8
I hope the snippet therein will get you started.
But after all, when you place an image via pi=layer.placedItems.add() it should pop in with its default dimensions, so that you have pi.height and pi.width ready.
Is this what you are aiming at?

I am running on OSx 10.6.8 using a HP officejet 6000 printer. On a 8.5x11 paper, I cannot print closer than 5/8" at bottom. Images or type cuts off at that point. HP says it's an mac problem. I tried changing evry possible print setting. Am I missing somt

Running on OSx 10.6.8 using a new HP Officejet 6000 printer. How can I get to within 1/8" on all sides of an 8.5x11 sheet of paper. Images and copy cuts off at 5/8" at bottom. HP says it's a mac problem, not an HP problem. I tried every combination of print settings. Nothing has solved the problem. Have I missed something?

Yes you are unfortunately you as the consumer are caught in the middle. I totally disagree with what HP told you, they supply the print drivers to Apple, Apple doesn't write printer drivers that I know of. Look in the print settings to see if you can go below 5/8", I know I can with my HP printers (Laserjet 1012, Color Laserjet 2600N, OfficeJet 7410 & OfficeJet 7700 series) so I'm sure the issue is specific to the OJ6000 series.

Reader prints pdf file in mirror image, can't set off as a default that holds.

reader prin
ts pdf file in mirror image, can't set
off in advanced printer preferences as the default,
has to be turned off each time4 manually.

Same here using Adobe 9.3.2 this appears to be an adobe latest version programming issue. Can workaround by manually resetting before printing but that is not the point. Many others on here with same prob. Is there a fix?

Placing image throws whole site off.

Similar Messages

Maybe you are looking for