Image not centered
I just got a Mac Mini late 2012 and hooked it up to a monitor using a Thunderbolt-HDMI cable. The image - even the startup screen - is off center. Has anyone else heard of this problem? The same thing happened when I used an HDMI-DVI cable. Image was OK with the Thunderbolt-DVI adapter supplied with the unit.
Thanks.
Could it be that the HDMI output on the computer is faulty? The problem occurs when I'm using HDMI.
It is just as likely that the problem is the monitor's HDMI input. What does the manual say about the monitor's input modes?
Similar Messages
-
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. -
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>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="FEA2014_Invite_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-450331542 { visibility:hidden; }
body {
background-color: #000000;
</style>
<!--Adobe Edge Runtime End-->
</head>
<body style="margin:0;padding:0;">
<div id="Stage" class="EDGE-450331542">
</div>
</body>
</html>
I GREATLY appreciate this advice!
Many thanks,
James -
I'm having a bit of an issue with the centering of a picture in imovie, i drag and drop the image into i movie, (on the timelin and clips) but for some strange reason the picture is or becomes off centered, in fact any pictures i drag n drop become off centered, if i open these pics outside of imovie the pics view centered (normal). Is there some kind of setting i switched? things were working normally today, (pics were centered). I installed Apple X11 today to use Gimp (image editor) after this install the pics became off centered,i wouldnt think this installation would have an effect in imovie.. could it ?? weird...
Message was edited by: Plntrmistthank you sooooo much!!
it was actually off, then i turned it on and it must have reset itself! now i know!
all images are centered!!!!
thanks again!!!!! -
Image not centered in Mobile view?
I am working in DW CS6. Originally I set the images in mobile view to text-align: center and they did show up centered. The CSS styles panel still shows they are centered but they show up to the left side in DW CS6. However when I click on F12 to see the site in the Firefox browser they show up perfectly centered. What have I done that causes the images in mobile view to show to the left side. Also when I am in DW CS6 the green overlay occasionally does not work even if I check or uncheck the "Hide all visual aids" and "fluid grid layout guides" items. Some times it does and sometimes it doesn't. What am I doing wrong? Thanks in advance.
Open your Template.dwt in code view. Remove this link.
<link href="index-heritageTemplate.dwt.css" rel="stylesheet" type="text/css">
Save.
Create a new CSS file. File > New > Blank page > CSS. Hit Create button.
It should look like this in code view.
@charset "utf-8";
/* CSS Document */
Now add your site wide content styles.
body,td,th {
color: #FFFFCC;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
body {
background-image: url(../Images/background-maroon-15.jpg);
font-size: 12px;
a:link {
color: #FCDD61;
text-decoration: none;
a:visited {
text-decoration: none;
color: #FCDD61;
a:hover {
text-decoration: none;
color: #00CCFF;
a:active {
text-decoration: none;
SaveAs myStyles.css to your CSS folder.
Go back to your Template.dwt file. Add a link to your new style sheet.
<link href="../CSS/myStyles.css/oldeworldelace.com/Test/Templates/index-heritageTemplate.dwt.css" rel="stylesheet" type="text/css">
Remove the embedded <styles> from your template.
Save your template.
Make sense?
Nancy O. -
I have made a slideshow widget inside a slideshow widget and in the Muse application I have centered everything but when I publish, the images shift.
I can not figure out at all what is causing this. I have done this before in another site and it works perfect.
Any ideas what is causing this?
Here is the site: www.craigillustrations.comAfter reboot...
Open terminal
devel-Su
rootme
tracker-control -r
This will completely reset it.
Reboot after then try it and report back.
If fixed, please mark this post as solution to help others find it faster. -
Interactive Image not centered if 24-bit PNG dimensions are large, 3000 x 1750.
The image is cutoff on the left side.
If the borders are expanded to display entire image, the right side has empty space.
This happens with mulitple images, all of which are exported Photoshop PNG-24.
Same image resized to 1680 x 1050 via Preview.app is fine. Any thoughts?
Thanks!
CalbeK - you mention your image size is 1680 x 1050
Can I ask why its that size as the iPad display is 1024 x 768 -
I have tried it in different screen sizes but teh result is all same. Horizontally images are slightly on the right. How can I center the images?
Hi,
Thanks for your answer. It is ok when using the lightbox without full screen option. When I use the fullscreen option, the container of the image is centered but the image in the container is not. I do center everything but when it comes to full scren there is nothing like centering.
Here is what happens when I view in the browser: -
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]] -
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 mckinneyOK, 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
DonnaNon-breaking spaces should not be used as a layout device.
<p>We are members of these fine NC Organizations.
 
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/ -
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! -
CS4 - Render preview image not scaled and position properly
Hi,
I'm trying to edit video captured with a GoPro in R4 mode.
It produces videos int he following format:
1280x960
1.0 square pixel
29.97 fps
I created a sequence corresponding to these settings. When no effects are added to the clip in the sequence, playback is fine in the sequence preview panel.
Things starts to get messy when I edit the clip. I get the red bar over the clip telling me I need to render a preview. And it's true, the playback skips and lag.
Here's some image of the result of the rendered preview:
when playing:
Image above shows both clips are at the same frame. No effects applied beside a title.
When not playing and clicking on the preview image:
Image is centered, but the ratio changed.
Investigating this problem showed em that the rendered videos changed resolution (which is logic), but they also changed the ratio of the original video!!
Original video is 1280 * 960 for a 4:3 ratio, while the preview videos are 720*480 (not 4:3).
Now, I tried changing the rendered preview settings here:
I had no success. The only codecs I have found to not change the resolution of the preview are "Uncompressed UYVY 422 8 bits" and "V210 10-bit YUV". These codec produce high quality videos (same resolution, high bit rates) as preview that my computer still have problem to play.
I'm not more advanced.
In my choices of settings, the only preview file format I have is microsoft AVI.
So,
1. Anyone ever had this problem? (and knows how to fix it )
2 How can I have more choice than AVI for a preview file format.
3. How can I install more preview codecs to test the different options?
4. Suggestions, comments?
Please, keep in mind that I'm still discovering adobe premiere. I started to play with it only 2 days ago. This is pretty much the last problem I have before starting to edit my footage.
Thank you all.
PS
Sorry if my english is not perfect, it's not my main langugage.@John T Smith:
already searched for the answers, but withiout success.
@Ann Benns:
Thanks for the advice. I will try that tonight.
In the meantime, I found a post about a guy who had the same issue as me:
http://goprouser.freeforums.org/changed-question-about-adobe-premiere-resolution-t1492-20. htm
The post ends in 2010 with: "WOOHOO!! I finally got it (mysteriously) to work again!"
I will try to send him an email.
Thanks for your help. If anyone has more suggestions or ideaas, they are more than welcome! -
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.5Ok, 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 -
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"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<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" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Little Chisel Design Print</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<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>
<!-- InstanceBeginEditable name="Edit1" -->
<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>
<!-- InstanceEndEditable -->
<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>
<!-- InstanceEnd --></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.
Maybe you are looking for
-
Can anyone help? I updated my iPhone 4 with latest iOS 7 and now wi fi is greyed out, Bluetooth won't work and tbh am so angry! Phone now out of warranty so apple won't help without it costing me. Don't want to pay as its an apple problem not phone p
-
CC Desktop - The infamous error code 50 is back again
Hi, I initially posted this in the wrong forum. Sorry. Year after year, each time a new version of CC Desktop is released, the same mess has to be sorted out : the update refuses to install with error code 50. Uninstalling and re-installing doesn't h
-
I rented a movie last night on ATV. My wife and daughter watched it after it was downloaded. But today when I tried to watch it again, I get a HDMI/HDCP error. I am able to watch movies that I have bought through ATV, TV Shows that I put on the ATV w
-
PSD Bug in Motion 5 - psds not updated in real time
Hi, I've described the bug here: http://forums.creativecow.net/readpost/296/15522?wfid=335&wpid=3877 Is anyone else seeing this? In short, if PSD is changed, the change is not reflected until you close and reopen motion file, even if reconnect media
-
Implementing tree control in third level navigation
Hello 1. Is it possible to Implement a tree control inside third level navigation ? 2. How can I make selecting one of the nodes change the display in another iview on the same page ? (How do they pass data to one another) 3. Is it possible to select