Screenshots not centered

Let's say I have a window open (say Safari) and stretched out to fill the whole screen and do a screenshot via COMMAND + SHIFT + 4 to capture only a particular window, the resulting PNG file cuts off part of the right side and "adds" to the left side. It seems that when doing a screenshot like this, the "active area" is off centered or shifted from the screen. Is this a known bug in OS X Snow Leopard?
btw, when I do a screenshot via COMMAND + SHIFT + 3 it works fine.
Any insight is appreciated, thank you!

Thanks for the reply!
Was the first screenshot fully stretched out the width of the screen? When I do a portion of the Google search area is cut off on the right; yet there is more "added" space on the left side.
Thanks!

Similar Messages

My document is not centered on page

I am running Acrobat 10.0.0, MAC OSX 10.7.2 (Lion), and Indesign CS5.5
I can not get my document to center on the printed page.
When I open my PDF document, it appears normally and shows in portrait mode. The document was created as 6.88 in wide x 10.25 in tall. The Properties of the PDF file for the document correctly show the page size as 6.88 x 10.25.
When I click on PRINT, the default dialog shows the document correctly but indicates a 8.5 x 11 page size. I click on the Page set up and select a custom paper size of 6.88 x 10.25 inches and return to main print dialog.
The print dialog now shows my document and the page dimensions show my newly created page size. I click auto rotate and center. The page orientation and size match the document and PDF orientation regardless of auto rotate on or off. I still select auto rotate and center as I want the centering.
The print comes out not centered and clipped. No combination of selections yields a correct print out. I just can't get my image to center on the output page.
I can print the same PDF file from Preview with same selections and have no problem with getting the document to center on the page. I would use Preview as the work flow except preview does not print the document faithfully for color compared to Acrobat.
Thanks in advance for all help and advice!
dan mckinney

OK, Mystery solved. There is no great problem with OSX, CS5.5, etc. I was the problem.
I went back and created a document from scratch that was very simple in order to convence myself that a document could print correctly as a simple page. (basically removed all other variables that might have crept into the file that was frustrating me.) I created a PDF by exporting as well as printing to the postscript creating "printer" and then distilling the PSD file into a PDF as well as letting Preview convert the file into a PDF. Point is that I created a PDF various ways.
I then loaded Adobe Acrobat Pro (10.0) to generate the output. I found that the Page Set Up button would allow me to overide the default successfully despite the warning.
The "trick" was to be sure that I had the paper size AND orientation selected correctly in the Print Set Up that matched exatly how I used Print Set Up in InDesign.
Voila, output as expected.
The take-a-way for those also frustrated is that there is no great devious problem with the OSX 10.7 or CS5.5 software packages. The output CAN be obtained just keep playing until you ask the system to do what you want it to do. =)

Page not centering and background repeat issue in Safari

I recently put up a new website. It seems to be working and displaying fine in IE, Chrome and FF. My problem is Safari. The page is not centering (going left) and I'm also having a problem with
the background image of my FOOTER div not repeating. I'm sure this is something simple (ie:stupid) I did but it just eludes me. The other interesting thing is that the background image for the footer
(which is the grass image) is actually 1024px wide but it's not displaying it fully or else it's compressing it. Here's a link to the website. Any insights are appreciated. I am using Safari on an iPad if
that matters.
www.cardinalwood.com
Donna

Non-breaking spaces should not be used as a layout device.
<p>We are members of these fine NC Organizations.
&nbsp
Click the logos to learn more.</p>
It's much better to use CSS to control alignment of elements on your pages.
<p style="float:right: text-align:center">We are members of these fine NC Orgnizations <br />
Click the logos to learn more.</p>
You have a couple of CSS errors that need attention.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. cardinalwood.com%2F
The iPad display is 768px wide in portrait view and 1024px wide in landscape view. Which view are you using to test your site?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Crystal Reports are not centered when viewing on Crystal Viewer

Hi
I´d like to ask you if you reported some problem of using subreports and during the visualization from the Crystal Viewer the main report and of course the subreports are not centered. I´m running Vs.Net 2005 with CR 10.
The main report and subreports access ADO.NET. Only one parameter is passed by the user. If we test the application and address the visualization to the crystal report viewer it is showed on right side even using DisplayGroupTree = False. But if we export the report to PDF it is showed centered. Is it a way to fix this one?
Any advice or suggestions?
Tks,
Isocler

When you say you're using v10 with VS2005, do you mean the full CR v10 product or the version that comes with VS.NET 2005 (version 10.2)? Make sure you're using/referencing the 10.2.* CR assemblies in your project, as the 10.0.* are not supported.
If you have the correct assemblies referenced, then make sure you have the latest patches applied. I think there may have been a fix for DIV tags.
-MJ

Top image on blog is not centered but is in Chrome and IE

I just redid my blog and most of my top images on my posts are way to the right. I've cleared my cache and reloaded but they are still way over. The images are fine in IE and Chrome. Is there a reason my top images are not centered?

Seems to be fine here. I'm on Linux, so can't check how it looks in IE.
You can reload the page and bypass the cache with:
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
See [[Keyboard shortcuts]] and [[Mouse shortcuts]]

Not centering on stage, why?

Hello again folks. I've come across a new snag to a previous project. I'm not quite sure why, but when the full image is loaded to the stage, it is not centering it properly. The trace of fullLoader returns "0" for the width and height of the full-sized image, and I'm not quite sure how to pass the necessary information into the showPicture function so that it correctly centers the image. I tried tracing the content of fullLoader and got an error message. Any help would be appreciated.
import flash.display.*;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import flash.filters.*;
var fadeTween:Tween;
var imageLoader:Loader;
var fullLoader:Loader = new Loader;
var xml:XML;
//parse XML data as an array
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
var thumbDShadow:DropShadowFilter = new DropShadowFilter();
thumbDShadow.color = 0x000000;
thumbDShadow.blurX = 10;
thumbDShadow.blurY = 10;
thumbDShadow.distance = 3;
xmlLoader.load(new URLRequest("data/gallery.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function xmlLoaded(event:Event):void {
    xml = XML(event.target.data);
    //parse the nodes in the XML file
    xmlList = xml.children();
    //count the number of nodes in the XML file via XMLList
    trace(xmlList.length());
    //loop to load all of the thumbnails, based on the number of nodes in XMLList
    for (var i:int = 0; i < xmlList.length(); i++) {
        imageLoader = new Loader();
        imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
        //position of thumbs (horizontally across stage)
        imageLoader.x = i * 110 + 10;//thumbs are 100 x 100 so, +10 to the width, plus +10 from left edge
        imageLoader.y = 10;
        imageLoader.name = xmlList[i].attribute("source");
        imageLoader.filters = [thumbDShadow];
        //add thumbnails to stage
        addChild(imageLoader);
        //set up thumbs to load primary image
        imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
function showPicture(event:MouseEvent):void {
    fullLoader.unload();
    fullLoader.load(new URLRequest(event.target.name));
    //position full image below the row of thumbs and center to stage
    fullLoader.x = (stage.stageWidth - fullLoader.width) * 0.5;
    fullLoader.y = (stage.stageHeight - fullLoader.height) * 0.5;
    addChild(fullLoader);
    fadeTween = new Tween(fullLoader, "alpha", None.easeNone, 0, 1, 0.5, true);
    trace("Stage: " + stage.stageWidth + " wide by " + stage.stageHeight + " tall.");
    trace("FullLoader is: " + fullLoader.width + " wide by " + fullLoader.height + " tall.");

OH! Wow, okay now this makes much more sense now. The amended showPicture function is now:
function showPicture(event:MouseEvent):void {
    fullLoader.unload();
    fullLoader.load(new URLRequest(event.target.name));
    fullLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, addToStage);
    function addToStage(event:Event):void {
        //position full image below the row of thumbs and center to stage
        fullLoader.x = (stage.stageWidth - fullLoader.width) * 0.5;
        fullLoader.y = (stage.stageHeight - fullLoader.height) * 0.5 + 110;
        addChild(fullLoader);
        fadeTween = new Tween(fullLoader, "alpha", None.easeNone, 0, 1, 0.5, true);
        trace("Stage: " + stage.stageWidth + " wide by " + stage.stageHeight + " tall.");
        trace("FullLoader is: " + fullLoader.width + " wide by " + fullLoader.height + " tall.");
AWESOME! Thanks so much for your help!

Interactive Image Not Centered

When I add a new interactive image to a page, then drag-and-drop and image into that widget, the image is not centered within the frame. Rather it is skewed toward left-of-center by about 10%. Changing the image scaling doesn't fix it. Changing the outer dimensions of the widget doesn't fix it. Nothing I've tried will make an image appear centered within the interactive image widget. Any ideas?
Note that I've tried this only with landscape oriented images on a landscape oriented page -- so I don't know if the issue exists for portrait mode images.

Hi Schwerd:
Yeah. I just tried it with a portrait oriented image, and it shifts up in the frame. So what I'm seeing is that, if the image is wider than it is tall, it shifts left of center. And if it's taller than it is wide, it shifts up.

Embedded map in tabbed panel not centered

When I embed the html code from google maps to a tabbed panel for a particular location, that location does not appear in the center of the map but is just off the map at the upper left-hand corner. In preview mode, property is centered, but in publish mode it is off center. Any suggestions? website: www.netlease.net, affected page: Available properties

Hello Sanjit,
Please click on Map tab and take a look. When I resize the browser, it appears, but it's still not centered.
http://kijibay.com/index.php?a=2&b=196
I would deeply appreciste it if you let me know how to fix it.
Thanks,
Bob

JDIalog, HTML Code, setLocationRelativeTo; not centered

Hi,
I am building my own modal dialog; it's a JLabel with formatted HTML Code - I only use the bold <b> and break <br> tag in the default font size and -type.
I use setLocationRelativeTo() to center the dialog to my main JFrame; however, the dialog is not centered, it's shifted down to the right. Even if I just use some letters in my HTML code the dialog isn't centered. Here is my code:
public class TDDialog extends JDialog implements ActionListener, WindowListener {
     private JPanel exercisePanel, containerPanel;
     private JLabel exerciseLabel;
     private JButton readyButton = new JButton("Ready");
     private JButton showSolutionButton = new JButton("Solution");
     private JTextField solutionTextfield;
     private String solutionString;
     private Font font = new Font("SansSerif", Font.PLAIN, 12);
     public TDDialog(Frame ownerFrame) {
          super(ownerFrame, true);
          addWindowListener(this);
          setTitle("Exercise");
          setLayout(new BorderLayout());
          exerciseLabel = new JLabel();
          exerciseLabel.setFont(font);
          exercisePanel = new JPanel();
          exercisePanel.add(exerciseLabel);
          solutionTextfield = new JTextField();
          solutionTextfield.addActionListener(this);
          containerPanel = new JPanel();
          containerPanel.setLayout(new BorderLayout());
          containerPanel.add(readyButton, BorderLayout.LINE_START);
          containerPanel.add(showSolutionButton, BorderLayout.CENTER);
          readyButton.setFont(font);
          showSolutionButton.setFont(font);
          readyButton.addActionListener(this);
          showSolutionButton.addActionListener(this);
          exerciseLabel.setText("<html><body>3 Lines<br><b>3 Lines</b><br>3 Lines<br></body></html>");
          add(exercisePanel, BorderLayout.PAGE_START);
          add(solutionTextfield, BorderLayout.CENTER);
          add(containerPanel, BorderLayout.PAGE_END);
          setResizable(false);
          pack();
          setLocationRelativeTo(ownerFrame);
          setDefaultCloseOperation(DO_NOTHING_ON_CLOSE);
// action- and window-listeners...Am I building the JDialog correctly? Is there a better, a more recommended or "nicer" way? Why isn't hte dialog centered?
Edit: I really would like to assign Duke Stars to my question, however, since the last forum maintenance, I can't do this any more "Server Error
This server has encountered an internal error which prevents it from fulfilling your request. The most likely cause is a misconfiguration. Please ask the administrator to look for messages in the server's error log." This happens every time at different PCs with different browsers / versions / proxy-settings.
Message was edited by:
SFL

Here is the missing part for a SSCCE; I noticed that the modal dialog is centered in relation to the screen, not to the "ownerFrame", although I pass ownerFrame to the setRelativeTo statement.
import java.awt.Dimension;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JPanel;
public class GUI_Test extends JComponent implements MouseListener {
     private static final long serialVersionUID = 1L;
     private JPanel pmPanel = new JPanel();
     private TDDialog tdd = new TDDialog(GUI_Test.frame);
     private static JFrame frame;
     public GUI_Test() {
          addMouseListener(this);
          add(pmPanel);
     private static void createAndShowGUI() {
          JFrame.setDefaultLookAndFeelDecorated(true);
          frame = new JFrame();
          frame.setTitle("GUI_Test");
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          GUI_Test newContentPane = new GUI_Test();
          newContentPane.setOpaque(true);
          frame.setPreferredSize(new Dimension(500, 500));
          frame.setResizable(false);
          frame.setContentPane(newContentPane);
          frame.pack();
          frame.setVisible(true);
     public static void main(String[] args) {
          javax.swing.SwingUtilities.invokeLater(new Runnable() {
               public void run() {
                    createAndShowGUI();
     public void mouseClicked(MouseEvent arg0) {
          tdd.setVisible(true);
     public void mouseEntered(MouseEvent arg0) {}
     public void mouseExited(MouseEvent arg0) {}
     public void mousePressed(MouseEvent arg0) {}
     public void mouseReleased(MouseEvent arg0) {}
}Thanks for your help!

Pix are not centered when i print . tryed everything i kow to fix problem, help me please

Like I said (re-above) I can't fix or figure out why my pix are printing out not centered on paper .. I tryed everything that I know and it's starting to cost to much to just print pix and keep getting the same result . Please Help me if you can. Thank
you.

What printer are you using?
What OS are you using?
What program are you using to print?
What kind of paper are you printing on?
How is the printer connected to the computer?
HP designed a quick and easy tool that diagnoses and resolves many printing, scanning, and connectivity problems: The HP Print and Scan Doctor. HP recommends that you download and install the Print and Scan Doctor any time you need to troubleshoot a problem with your HP printer from the link below.
Let me know what errors you receive?
HP Printer Utilities Page
-------------How do I give Kudos? | How do I mark a post as Solved? --------------------------------------------------------

Navigation bar not Centering in Firefox

Hello all,
I have a navigation bar that is not centering in all Mozilla-based browsers. When using Internet, Safari, Chrome, Opera etc,,the drop down navigation bar is centred, however browsers such as Firefox show it floated completely to the left.
This has been an issue for five months. It has been brought to my attention again by my boss. I have tried things like margin-left (and right): atuo; for most of the div blocks and what not. Im still not getting any luck =S
I assume this problem resolution lies within the CSS files, whether it be the template css, or the spry menu bar horizontal css.
Any help would be greatly appreciated. I have pasted the css for the dropdown, and the css for the template page.
Thanks!
MrV

Hi,
You have made too many changes to the original stylesheet for me to go through it all.
Please have a look at my remarks here.
I hope this helps.
Ben

Poster image not centering in browser

My poster image (for viewing in IE8) is not centering in the browser window. It's displaying as left aligned with a big gap to the right of the image. How do I fix?

Thank you Hemanth, that is exactly what I am referring to. One final question though, as I am by no means an HTML guru...do I add the snippet while I'm in Edge or do I open the HTML file in Dreamweaver and add the code there?
If in Edge, where do I access the code to add it (and where does it go)?
If in Dreamweaver...here is the code for my file, where would I place the snippet?
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <title>Untitled</title>

    <script type="text/javascript" charset="utf-8" src="FEA2014_Invite_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-450331542 { visibility:hidden; }
    body {
          background-color: #000000;
    </style>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="EDGE-450331542">
          </div>
</body>
</html>
I GREATLY appreciate this advice!
Many thanks,
James

13.1 Update Issue- Blackmagic Ultrastudio HDMI Monitor Out not centered

After the 13.1 update the HDMI monitor output on the Blackmagic Ultrastudio 4k is not centered on the screen. About 2 inches are cut off the right side. I have tweaked AE > Preferences > Video Preview - with Scale to fit being the only setting that shows a image.
This only occurs on the HDMI out. The SDI output is correct. (Although only with Scale to Fit selected)
It is only present in After Effects, Premiere monitor output works correctly.
Any advice? Thanks in advance!
Specs:
AE CC 2014.1 release -v 13.1.0.111
Apple MacPro 6,1 -- 3.7 GHz Quad-Core E5
AMD FirePro D300 2048 MB
OSx 10.9.5

Ok, thats the procedure I was talking about earlier. I did that bios default factory reset just now. First the version 6 and earlier. It didn't work so I tried version 7 and later and that didn't work. I then tried version 6 and earlier again only this time pushed F10 more rapidly and got right in right when I got to the F5 and enter portion. Then I pushed F10 again to save the change and enter again to close. The PC didn't boot up the next screen like the test said it would. So I did it all again and spent some time reading what was on the bios pages but accidently pushed ESC as the bios menu suggested instead of enter to close out . No boot up screen again. I did another hard shutdown and then unplugged the cord for 5 minutes and this time the PC stayed off when I plugged it back in. The bios are set to default but I cannot get it to start again in safe mode or boot up. So if the power supply is working properly, and the monitor worked in safe mode, then the video card must be good. right?
So I'm editing from the night before, its Monday morning here in Wi. and I'm sorry to say that after leaving the PC unplugged all night that when I plugged it back in this morning, the dumb thing started again without pushing the start button. So the only thing doing a recovery on the bios accomplished was to prove that my the video card can run the monitor in safe mode which is a good thing I guess. Hope someone has an idea as to what else I can try.-------thanks

I have created a version of my website with muse for tablet but the home/index page is not centered

I have created a version of my website with muse for tablet but the home/index page is not centered (leave some space on the right ) when see it on my ipdad which is weird as the other pages are centered .Please help!
thanks

See my post here <http://forums.adobe.com/message/5410674#5410674>

Nested DIV's Not Centering

Hello,
On my page I'm working on, one of my div's is not centering correctly. The class applied has margin set to auto, but the image in the tag is still justifying to the left. The class the is not displaying correctly is .portfolio-center.
Here is the page:
http://littlechisel.com/clients/little-chisel-new/print.html
Here is the 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>
<link href="css/little-chisel-styles.css" rel="stylesheet" type="text/css" />

<title>Little Chisel Design Print</title>



<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30573696-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body onload="MM_preloadImages('images/print-over.jpg','images/web-over.jpg','images/logos-over .jpg','images/bus-id-over.jpg','images/photo-ret-over.jpg','images/about-over.jpg','images /contact-over.jpg','images/facebook-over.jpg','images/twitter-over.jpg','images/linked-in- over.jpg','images/pinterest-over.jpg')">
<div id="wrapper">
          <div id="header">
              <div id="header-box">
                  <div id="template-social-media-links"><a href="https://www.facebook.com/pages/Little-Chisel-Design/194073243948201?ref=stream&__req=r" target="new" onmouseover="MM_swapImage('facebook','','images/facebook-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/facebook.jpg" alt="Facebook" width="31" height="29" id="facebook" /></a><a href="https://twitter.com/ChiselDesign" target="new" onmouseover="MM_swapImage('twitter','','images/twitter-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/twitter.jpg" alt="Twitter" width="31" height="29" class="social-media-links" id="twitter" /></a><a href="http://www.linkedin.com/profile/view?id=117449571&goback=%2Enmp_*1_*1_*1_*1_*1_*1_*1_*1_*1 &trk=spm_pic" target="new" onmouseover="MM_swapImage('linked-in','','images/linked-in-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/linked-in.jpg" alt="Linked In" width="31" height="29" class="social-media-links" id="linked-in" /></a><a href="http://pinterest.com/littlechisel/" target="new" onmouseover="MM_swapImage('pinterest','','images/pinterest-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/pinterest.jpg" alt="Pinterest" width="31" height="29" class="social-media-links" id="pinterest" /></a></div>
                        <div id="template-header"><a href="index.html"><img src="images/logo.jpg" width="466" height="174" alt="logo" /></a><img src="images/tagline.jpg" alt="Shaping Ideas Into Graphic Art" width="391" height="110" class="tagline" /></div>
                        <div id="template-nav-bar">
                                    <div id="template-nav-bar-color"></div>
                                    <div id="template-nav-bar-links"><a href="print.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('print','','images/print-over.jpg',1)"><img src="images/print.jpg" alt="Print" width="54" height="26" id="print" /></a><a href="web.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('web','','images/web-over.jpg',1)"><img src="images/web.jpg" alt="Web" width="53" height="26" id="web" /></a><a href="logos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logos','','images/logos-over.jpg',1)"><img src="images/logos.jpg" alt="Logos" width="58" height="26" id="logos" /></a><a href="business-identity.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('business-id','','images/bus-id-over.jpg',1)"><img src="images/bus-id.jpg" alt="Business Identity" width="116" height="26" id="business-id" /></a><a href="photo-retouching.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('photo-ret','','images/photo-ret-over.jpg',1)"><img src="images/photo-ret.jpg" alt="Photo Retouching" width="122" height="26" id="photo-ret" /></a><a href="http://about.me/kathy.moncelsi" target="new" onmouseover="MM_swapImage('about','','images/about-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/about.jpg" alt="About Me" width="77" height="26" id="about" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/contact-over.jpg',1)"><img src="images/contact.jpg" alt="Contact" width="77" height="26" id="contact" /></a></div>
                          </div>
                    </div>
          </div>

<div id="content">
          <div id="content-box">
            <div class="portfolio-text-first">
                              <p class="category">PRINT DESIGN</p>
                        <p class="title">Here's to Good Food<br />
                          <span class="description">Cookbook Cover</span></p>
            </div>
                              <div class="portfolio-full-width"><img src="images/print-htgf.jpg" width="709" height="510" alt="Heres to Good Food Book Cover" />
            </div>
            <div class="portfolio-text">
<p class="title">A Movie Lover's Guide to Film Language<br />
<span class="description">One Sheet DVD Promotion</span></p>
                                </div>
            <div class="portfolio-center"><img src="images/print-movie-lovers-onesheet.jpg" width="485" height="627" alt="Movie Lovers One Sheet" />
            </div>
                              <div class="portfolio-text">
<p class="title">Kaya Mansa Wellness<br />
<span class="description">Business Card and Label Design</span></p>
                                </div>
            <div class="portfolio-print">
                                        <div class="print-left"><img src="images/print-kaya-lily.jpg" width="350" height="255" alt="Asian Lily Label" />
                                        </div>
                                 <div class="print-right"><img src="images/print-kaya-cedar.jpg" width="350" height="255" alt="Atlas Cedarwood Label" />
                        </div>
                                        <div class="kaya-print-left-bottom"><img src="images/print-kaya-berry.jpg" width="350" height="255" alt="Goji Berry Label" />
                                        </div>
                                        <div class="kaya-print-right-bottom"><img src="images/print-kaya-lavender.jpg" width="350" height="255" alt="Lavender Label" />
                </div>
                                        <div id="print-kaya-card"><img src="images/print-kaya-card.jpg" width="407" height="233" alt="Kaya Mansa Business Card" /></div>
                              <div class="portfolio-text">
<p class="title">Silver Line Windows<br />
<span class="description">Mailers, Literature and Sales Catalog Covers/Pages</span></p>
                                </div>
            <div class="portfolio-print">
                                          <div class="print-left"><img src="images/print-sl-mailer1.jpg" width="350" height="453" alt="Trade Show Mailer 1" />
                                        </div>
                                         <div class="print-right"><img src="images/print-sl-mailer2.jpg" width="350" height="453" alt="Trade Show Mailer 2" />
                                        </div>
                              </div>
                              <div class="portfolio-print-under">
                         <div class="print-left-pitch-cvr"><img src="images/print-sl-pitchcover.jpg" width="406" height="382" alt="Sales Catalog Cover" />
                                        </div>
                                        <div class="print-right-pitch-page"><img src="images/print-sl-pitchpage.jpg" width="292" height="382" alt="Sales Catalog Page" />
                        </div>
                              <div class="portfolio-print-under">
                                        <div class="print-left"><img src="images/print-sl-bindercover.jpg" width="350" height="364" alt="Sales Binder Cover" /></div>
                <div class="print-right"><img src="images/print-sl-binderback.jpg" width="350" height="364" alt="Sales Binder Back" /></div>
                              </div>
            <div class="portfolio-print-under">
              <div class="print-left"><img src="images/print-sl-8500cover.jpg" width="350" height="458" alt="Series 8500 Literature Cover" /></div>
              <div class="print-right"><img src="images/print-sl-8500page.jpg" width="350" height="458" alt="Series 8500 Literature Page" /></div>
            </div>
                              <div class="portfolio-text">
<p class="title">Windows Plus<br />
<span class="description">Weather-Weld Literature</span></p>
                              </div>
            <div class="portfolio-center"><img src="images/print-sl-weatherweld-cvr.jpg" width="350" height="442" alt="Weather Weld Literature cover" /></div>
            <div class="portfolio-full-width"><img src="images/print-sl-weatherweld-pages.jpg" width="709" height="461" alt="Weather Weld Literature Pages" /></div>
            </div>
                              </div>
          </div>
</div>

          <div id="footer">
                      <div id="template-footer">
                        <div id="template-footer-links"><a href="index.html">Home</a> | <a href="print.html">Print</a> | <a href="web.html">Web</a> | <a href="logo.html">Logos</a> | <a href="business-id.html">Business Identity</a> | <a href="photo.html">Photo Retouching</a> | <a href="http://about.me/kathy.moncelsi" target="new">About Me</a> | <a href="contact.html">Contact</a></div>
                                <div id="template-footer-left">Little Chisel Design | <a href="mailto: [email protected]">[email protected]</a> | 848.219.2385</div>
                               <div id="template-footer-right">©2013 All Rights Reserved | Web Design by Little Chisel Design</div>
                    </div>
          </div>
</div>
</body>
</html>
@charset "utf-8";
.portfolio-text-first {
          font-family: Tahoma, Geneva, sans-serif;
          margin-right: 137px;
          margin-left: 137px;
          padding-top: 10px;
          color: #7B0909;
.portfolio-print-under {
          width: 983px;
          margin-top: 10px;
.print-right-pitch-page {
          width: 846px;
          margin-left: 554px;
.print-left-pitch-cvr {
          float: left;
          width: 406px;
          margin-right: 10px;
          margin-left: 137px;
.kaya-print-right-bottom {
          width: 847px;
          margin-left: 497px;
          margin-top: 10px;
#print-kaya-card {
          width: 407px;
          margin-left: 288px;
          margin-top: 10px;
.kaya-print-left-bottom {
          float: left;
          width: 350px;
          margin-right: 10px;
          margin-left: 137px;
          margin-top: 10px;
#index-footer {
          font-family: Tahoma, Geneva, sans-serif;
          font-size: 10px;
          color: #7b0909;
          font-weight: bold;
          margin-right: auto;
          margin-left: auto;
          width: 983px;
          margin-top: 10px;
html,
body {
          margin: 0;
          padding: 0;
          height: 100%;
          background-image: url(../images/sand-texture.jpg);
          background-repeat: repeat;
          background-attachment: fixed;
#wrapper {
          min-height: 100%;
          position: relative;
#wrapper-index {
          width: 983px;
          margin-right: auto;
          margin-left: auto;
#header {
          padding-top: 10px;
          padding-bottom: 0px;
          padding-left: 0px;
          background-image: url(../images/sand-texture.jpg);
          background-repeat: repeat;
          width: 100%;
          background-attachment: fixed;
          margin-right: auto;
          margin-left: auto;
#content {
          padding-bottom: 35px;
          width: 983px;
          margin-right: auto;
          margin-left: auto;
          background-attachment: fixed;
#footer {
          width: 100%;
          height: 35px;
          position: fixed;
          bottom: 0;
          left: 0;
          background-image: url(../images/sand-texture.jpg);
          background-repeat: repeat;
          padding-top: 15px;
          padding-bottom: 5px;
.portfolio-full-width {
          width: 846px;
          margin-left: 137px;
          margin-top: 10px;
          margin-bottom: 20px;
.print-left {
          float: left;
          width: 350px;
          margin-right: 10px;
          margin-left: 137px;
.print-right {
          width: 847px;
          margin-left: 497px;
#template-social-media-links {
          width: 133px;
          margin-top: 5px;
          margin-left: 850px;
#index-social-media-links {
          width: 983px;
          margin-right: auto;
          margin-left: auto;
#header-box {
          margin-left: auto;
          width: 983px;
          margin-right: auto;
#template-header {
          width: 983px;
.tagline {
          margin-left: 126px;
#template-nav-bar {
          width: 983px;
#template-nav-bar-color {
          background-color: #7b0909;
          height: 26px;
          width: 426px;
          float: left;
#template-nav-bar-links {
          background-color: #7b0909;
          height: 26px;
          width: 557px;
          margin-left: 426px;
.social-media-links {
          margin-left: 3px;
#template-movie {
          height: 355px;
          width: 983px;
#template-editable-area {
          width: 983px;
          margin-right: auto;
          margin-left: auto;
#content-box {
          margin-right: auto;
          margin-left: auto;
          width: 983px;
.category {
          font-size: 16px;
          font-weight: bold;
.title {
          font-size: 13px;
          font-weight: bold;
#template-footer {
          font-family: Tahoma, Geneva, sans-serif;
          font-size: 10px;
          color: #7b0909;
          font-weight: bold;
          margin-right: auto;
          margin-left: auto;
          width: 983px;
#template-footer-left {
          width: 491px;
          float: left;
#template-footer-right {
          width: 492px;
          margin-left: 491px;
          text-align: right;
a {
          color: #7D441F;
a img {border: none;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
          color: #7D441F;
          border: none;
    outline: none;
a:hover {
          color: #7B0909;
          border: none;
          outline: none;
a:active {
          text-decoration: none;
          color: #7D441F;
          border: none;
    outline: none;
#index-squares {
          height: 355px;
          width: 983px;
#portfolio-print {
          width: 983px;
.portfolio-text {
          font-family: Tahoma, Geneva, sans-serif;
          margin-right: 137px;
          margin-left: 137px;
          padding-top: 10px;
          color: #7B0909;
          margin-top: 20px;
.portfolio-center {
          width: 983px;
          margin-left: auto;
          margin-right: auto;
.portfolio-print {
          width: 983px;
          margin: auto
.description {
          font-size: 13px;
          font-style: italic;
          font-weight: normal;
#template-footer-links {
          width: 983px;
          text-align: center;
          margin-bottom: 10px;
          font-size: 11px;
.slideshow {
          height: 355px;
          width: 983px;
          margin: auto;
          background-color: #7B0909;
          background-image: url(../images/index-squares-bkrd.jpg);
Thank you!

Use text-align center and apply the center class to a paragraph tag.
.center {text-align:center}
<p class="center"><img src="images/print-movie-lovers-onesheet.jpg" alt="Movie Lovers One Sheet" height="627" width="485"></p>
Nancy O.

Screenshots not centered

Similar Messages

Maybe you are looking for