Centering images

I'm building a report using InDesign CS 6 8.0. I'm fairly new to it, but have been using Quark for years. Anyway, I'm building a report that has multiple pie charts. I used the same action to create all the pie charts, so I know they are all the exact same size. I've imported them into image boxes in InDesign (at 100%) which are all lined up to the same x coordinate. I've centered the pies in their boxes (using the command shift E command). And they are all coming out slightly off alignment from one another. I want them to all line up along the same x coordinate on the page (i.e., if you look at them one on top of the other, the left and right sides all line up if you use a rule alongside of them). I right clicked on each image box and clicked Fitting > Frame Fitting Options > None, just to be sure they weren't trying to fit somehow. Then I used the x/y coordinate of the image within the box and I STILL can't get them to line up. What am I doing wrong? Thanks.
Julie

Okay, the pies themselves are all the same size, but I imagine it's unlikely the labels around them are all identically sized and placed. Depending on how the bounding of each chart group is being determined, it may be that some pies are landing at differing coordinates in relation to "center." You might be better off finding a reference point that is more likely to be constant across all the charts in terms of proximity to the pie...one of the corners perhaps.
It's certainly not out of the question that achieving agreeable alignment simply by way of consistent method may be impossible. Sometimes you just have to give in, set some guides, and drag by eye. Might get you done quicker than agonizing over elusive inconsistencies.

Similar Messages

Centering images on fluid site

Rebuilding a very antiquated site to meet the upcoming Google deadline, I'm having problems centering images. I defined a class of "center" but it's not working;
http://www.aptcoweb.com/dev/aptcoFluid/office/label.htm
Sometimes I want to center a single image, other times a group of images. What's wrong with my css?
Also, what's the best way to center the iframe video?

larrycfc wrote:
Still don't know how to center the video. wrapping the iframe in a div made it disappear.
Add some inline css styling to the iframe:
<iframe width="640" style="display: block; margin: 0 auto;" height="480" src="https://www.youtube.com/embed/RWgpByd3UrI?rel=0" frameborder="0" allowfullscreen></iframe>

ReportBuilder. Centering image in Report

Hello everybody,
I need help in centering image in Report.
Thanks
http://firebird-vbnet.blogspot.com/

Hi giovannigiorgio,
According to your description that you want to know how to centering an image in ReportBuilder, right?
Before centering the image, we should be clear about some of the position related properties, only after we have done the proper setting of them can we be able to make the image to display in the center of the page.
For physical page renderers, it's important to keep in mind the concept of Usable Area. The Usable Area is the amount of space left on a page for your report to be drawn after reserving space for margins, headers and footers, and column spacing (for
multi-column reports).
Horizontal usable area:
X = Page.Width - (Left Margin + Right Margin)
Vertical usable area:
Y = Page.Height - (Top Margin + Bottom Margin + Header Height + Footer Height)
I suppose there is only image in the page. Please following the steps below to check all the related properties of size and center the image.
Right click on Report area and select the Report Properties
Make a note of the values for Page width(8.5), Page Height(11in), Left margin(1in), Right margin(1in),Top margin(1in),Bottom margin(1in)
Close and go back to the design surface and in the Properties window, select Body
Click the + symbol to expand the Size node and do setting as below:
Body Width <=Page width- Left margin -Right margin(Body Width <=6.5)
Body Height <=Page Height- Top margin -Bottom margin-Header Height-FooterHeight(Body Height <=11-1-1-1-1=7)
Right click the body area to insert an image and in the Image properties window select the size and check the “fit to size”
the image will fit the size of the image item, we can set the position(Location and size) properties to determine the display of the image now
In the Image properties, Set the value for position(Location and size) (according to the best Resolution of image to set the values of the location):
Location left = (Body Width – Width of Image) /2 (Location left =(6.5-4.5)/2)
Location Top =(Body Height – Height of Image) /2 (Location Top =(7-5) /2)
If the page both include the image and the table, we should also consider the size of the table(Column Spacing in the width and Row Spacing in the height).
Article about the Pagination in Reporting Services for your reference:
http://msdn.microsoft.com/en-us/library/dd255278.aspx
If your problem still exists, please feel free to ask
Regards
Vicky Liu

Why won't Mail allow centered images, as they are sent?

I am on a Macbook Po using 10.8.3. My trouble is with Mail. But this has been an ongoing problem for years. I send a lot of drawings and photos via email. When I send them I frequently center them in Mail. They look great. But when I send the file the results are upredictable. I can go to my Sent box to verify, or simply ask my recipient. Some of the time the text and photo will be centered as I had formatted the message. Other times, perhaps 50% of the time, the text will be centered but the photo will be left-aligned. Each time I update my System I hope this problem is resolved. But it has never been resolved. What's up with this and can I do anything about it? Even when I have upgraded, in recent years, with an entirely new System (not migrating the old files) this problem persists. And I have noticed friends who formatted their text and photos to center have had this same issue intermittently, with photos that are left aligned when they were intended to be centered along with the text.
Thanks for any help or workarounds. I like the beauty and flexibility of designing messages with images, when the formatting can be generally trusted.

Thanks for the replies! It's true, email is not particularly reliable for formatting. And, having designed in HTML and Javascript, that's a somewhat more stable media. But as a designer wanting visual flexibility, I wish there were a dependable method, held in the more personalized but immediately visible form of email. PDFs are nice, but they require an extra click. When I receive them, myself, I do not like to have to switch apps. I might allow them to open in the background and then forget about them. And, as for links, I've read that, for example, Facebook links are rarely viewed compared to inline text on Facebook. People prefer inline viewing. In the older versions of Mail, several years ago now (I do not remember when Mail centering began malfunctioning), there was perfect consisistency in the centering function.
…Given all this, I was just writing this post to learn more about the issue, and to find out how widespread the issue is. I wouldn't have even known this were happening unless I'd asked and checked my Sent mail box. I know I am not the only one with this problem. But perhaps it is rare. In that case, it could be an issue for which a solution is possible.
Thanks again for the responses!
Laura

Help centering image on jlabel

hi,
is there any way to center an image on a jlabel, aside from doing it in the constructor. i want to allow the user at anytime to set text or an image on a jlabel, allowing them to change it anytime. i'm able to get the text set and then remove it and place an image there instead, but the the problem is i want the image to be centered on the jlabel. any ideas on how to do this?
Thanks.

You need to make a ImageIcon to put on the JLabel.
JLabel label = new JLabel("Hello World");
label.setIcon(new ImageIcon("image.jpg"));I'm not sure how to do that in JBuilder 5, unless you can code that.

Centering images/graphics

I was wondering if there was an easy method for centering an image/shape/etc in the middle of a JPanel.

thanks . . .
to find the size would i use some code like the following ?
JPanel panel = new JPanel() ;
int width = panel.getWidth() ;
int height = panel.getHeight() ;

Centering Images using CSS but having links on the Images

Hi all,
I have a problem on centering an image using CSS. I read on many forums that you have to use margin-left , margin-right and set to auto. and also set the display:block which I had done.
The problem is if I want to have a link from the image. Because I have set the display to block, the link will span the entire container containing it! How do I resolve that? I only want the image to be linkable and not the entire container!
Thanks for reading!

Murray *ACP* wrote:
Because I have set the display to block, the link will span the entire container containing it!
That's incorrect. If the display:block is applied to only the IMAGE, the anchor tag will be exactly the same dimensions as the image and will not fill the container.
Hi Murray,
Weirdly it does in my experiments. (code below). Even if I set the 'a' tag to the width of the image it still makes the whole <div> container clickable:
<!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">
#imgWrapper {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #000;
#imgWrapper img {
    margin: 0 auto;
    display: block;
</style>
</head>
<body>
<div id="imgWrapper">
<a href="http://www.bbc.co.uk"><img src="slice_2.jpg" width="595" height="130" /></a></div>
</body>
</html>

Centered images float left when exporting to epub - images don't stay centered

Hi,
I have created an ebook with from the template apple instructs to use (http://images.apple.com/support/pages/docs/ePub_Best_Practices_EN.zip)
and i've added some images on several pages. they are all centered and set to inline (as epub can't handle floating objects/images)
but when i export to epub almost all images appear floating left in the epub file except for a few images.
i can't figure out why or how do i keep them centered. i've tried selecting the rows below and above with the one the image is on and centering the text. i've tried adding the "object causes wrap" and chose the one that centeres the image. nothing works.
any advice would be great.
Thanks
J

Hi Steph,
That worked for some of the images but not for all of them.
I found a strange solution that worked in conjunction with your solution.
After you center the "text line" that it is on (or the one under it like you say), i mark the image and in the sidebar in which you choose the type of line/text (like chapter title or sub title etc') and you make the image or image line as a a chapter title or subtitle. prefprebly subtitle as to not mess with the table of content.
then when i exported to epub the images were finally centered. all of them.
hope this helps if anyone else encounters that issue.
Thanks for the added help.
J

Centered image and image locked to bottom corner

Hi,
I mainly work in Flash, I do not work in html or Dreamweaver
very often.
I recently got the Adobe master collection CS3.
Before that I used Dreamweaver MX
I have 2 questions
1.
How do I center a JPEG in a web page?
previously I put a single cell table on the page with width
and height set to 100%.
Cell set to center and middle.
Now Dreamweaver only has a width option on the properties
dialog, although the help refers to a height option.
I tried putting height in myself, no luck.
<table width="100%" table height = "100%" border="0">
<tr align="center" valign="middle">
<td align="center" valign="middle">
2.
The addition of this probably affects the best way to do the
first question.
I need a logo graphic to be in the bottom right corner of the
same browser window.
I need it to stay there even if the page is scrolled.
I have seen this but can not seem to find a tutorial.
Any help greatly appreciated
By the way even if a table is not involved in the solution
for centering the image in this scenario I would be interested to
know why I can not do it in CS3
mark

> 1.
> How do I center a JPEG in a web page?
> previously I put a single cell table on the page with
width and height set
> to
> 100%.
> Cell set to center and middle.
> Now Dreamweaver only has a width option on the
properties dialog, although
> the
> help refers to a height option.
> I tried putting height in myself, no luck.
>
> <table width="100%" table height = "100%"
border="0">
> <tr align="center" valign="middle">
> <td align="center" valign="middle">
Your code is invalid. Read this -
http://www.apptools.com/examples/tableheight.php
> 2.
> The addition of this probably affects the best way to do
the first
> question.
> I need a logo graphic to be in the bottom right corner
of the same browser
> window.
> I need it to stay there even if the page is scrolled.
> I have seen this but can not seem to find a tutorial.
It's cheesy. Search for "persistent layer".
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
==================
"mgason" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> I mainly work in Flash, I do not work in html or
Dreamweaver very often.
> I recently got the Adobe master collection CS3.
> Before that I used Dreamweaver MX
>
> I have 2 questions
>
> 1.
> How do I center a JPEG in a web page?
> previously I put a single cell table on the page with
width and height set
> to
> 100%.
> Cell set to center and middle.
> Now Dreamweaver only has a width option on the
properties dialog, although
> the
> help refers to a height option.
> I tried putting height in myself, no luck.
>
> <table width="100%" table height = "100%"
border="0">
> <tr align="center" valign="middle">
> <td align="center" valign="middle">
>
> 2.
> The addition of this probably affects the best way to do
the first
> question.
> I need a logo graphic to be in the bottom right corner
of the same browser
> window.
> I need it to stay there even if the page is scrolled.
> I have seen this but can not seem to find a tutorial.
>
> Any help greatly appreciated
> By the way even if a table is not involved in the
solution for centering
> the
> image in this scenario I would be interested to know why
I can not do it
> in CS3
>
> mark
>

Centering Image Horizontally within Div Layer

I've placed an image inside a div layer. The div layer is 200 pixels wide by 200 pixels high. My image is 480 pixels x 720 pixels. So the layer is smaller than the image. How do I center the image horizontally within my div layer? I've applied a css rule on the layer as followed:
#pictureframe {
position:absolute;
width:200px;
height:200px;
overflow: hidden;
text-align: center;
vertical-align: middle;
display: inline-block;
Because the image is larger than the div layer the image doesn't want to center horizontally. It seem to justify itself on the left side of the div layer even though I've applied a text-align: center on it. Any suggestions.

Make your division at least as wide as your image. Height of divisions should always be determined by content inside it. If you impose a height limit on your division, increased content or text size will fail, causing content to be hidden. If required to display a background-image, use the min-height property.
APDivs as a primary layout method seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Also, APDivs cannot be centered as they are removed from the normal page flow. You might try wrapping an APDiv inside a relatively positioned parent container, but without seeing your page (entire code), it's impossible to say for sure if this will work for you.
See Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Photoshop preview shows centered image, but shifts image up and right during printing

I have been using my Epson 3880 for several years; Suddenly, photoshop started shifting my image up and to the left even though the preview box shows the print as centered. The printer is not the issue because it prints correctly from apple preview and Word. Operating system MAC 10.6.8...nothing has changed except I replaced a maintenance cartridge on the printer.

Is this one particular image, or all? If one image, does it have hidden pixels like a Crop without 'Delete hidden pixels' checked?
Can you check the date of the printer driver to see if it automatically updated? Can you correlate the problem to another event, like an OSX update?

Centering images in ePubs

I have been doing a lot of work in Pages and then exporting them as ePubs for the iPad. One issue I cannot overcome - is it possible to center the image in the Pages document so that it is centered in the ePub. Otherwise, the caption is oddly oriented in relationship to the image.
Thanks

I've discovered how to center images accidentally.
First, make sure your image is inline. I'm quite sure you know that but some have been struggling to understand why their floating images don't export in ePub so I think it's worth saying.
Then, instead of centering the picture itself, center the line on which your picture is, as if it were plain text. It should work. I've been fighting for a magazine tutorial all day long and I can't explain how relieving this discovery was. I checked on iPad and iPhone and pictures were indeed centered.
This may not translate into top-notch ePub/HTML coding, but since Pages exports ePub its special way… I think it's just a tiny little detail.

Moving a centered image to the left or right (shake)

I shot a close up of a face of an interviewee in the center of the screen with a green screen in the background. I'd like to cut the image of her face to the right or left of the screen. Could somebody please help me out. Thanks.

Use a move 2d node -- under the transform tab.
CaptM

Setting margins for Greeting Cards and centering image

When we try and set up printing a greeting card from iPhoto 6 on a portrait card the image is always too close to the right hand edge, i.e. there is a white margin between the image and the fold - and this margin is larger than the margin on the right hand (outer) edge of the image. How can we centre the image keeping it on the right hand side of the greeting card?
We tried using a custom paper from page setup - but the custom size dropped off the menu when we went into the print menu.
Thank you.

Dai the dig:
Welcome to the Apple Discussions. If you have a 3rd party editor that supports layers you can print a card without any border. Look at Tutorial #8.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've written an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

Centering Images in Applet

I was just wondering if there is a way to center images displayed in an applet?

you could try: myImage.setLocation((myApplet.getWidth()-myImage.getWidth())/2, (myApplet.getHeight()-myImage.getHeight())/2);

Centering images

Similar Messages

Maybe you are looking for