Problems with the background image size in a photobook

Hi there, I really need help here. When I make a photobook I want to display my images large, taking the whole page. To do that I put the image as a background and it's OK. My problem is that when I do this, iPhoto always crops it. I have to use the move tool to move the image up and down, left or right to chose a best position. I don't want to do this, I want my image to be shown perfectly from end to end. I have to resize the image in many ways, even used the book's native resolution but it still doesn't work. If I choose "fit photo to frame size" I end up with two stripes at the top and the bottom of the page.
Please help me, what size should I resize my image to, so that iPhoto displays it as it is?
Thank you

Hi
The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
Change - background-image:url(file:///Macintosh  HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
To - background-image:url(images/test_back.png);
But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
PZ
www.pziecina.com

Similar Messages

  • Problems with the background image in IE

    Hi I've been optimizing some pages for the different browsers in Dreamweaver CS4. They all work fine in Safari, Firefox and Opera, Internet Explorer is, however not showing the background image I have selected. I can't for the life of me see what's going wrong! Any help wopuld be appreciated. here is the code on my index page which I built from a template. I don't know if it's the editable areas that are going wrong!
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>test site</title>
    <!-- InstanceEndEditable -->
    <link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-repeat: repeat-x;
    background-image:url(file:///Macintosh HD/Users/me/Documents/websites/face_divorce/test/images/test_back.png);
    .oneColFixCtrHdr #container {
    width: 770px;
    margin: 0 auto;
    border: 0;
    padding: 0;
    .oneColFixCtrHdr #header {
    text-align: centre;
    border: 0;
    padding: 0;
    .oneColFixCtrHdr #header h1 {
    <img src="../images/test_logo.png"
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    font-size: x-large;
    text-align: right;
    .oneColFixCtrHdr #mainContent {
    padding: 0;
    .oneColFixCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-family: Verdana, Geneva, sans-serif;
    color: #6699cc;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: lighter;
        text-align: center;
    -->
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <meta name="Description" content="facedivorce.com.com is an online resource tool to help guide you through the various stages of divorce.  Simply click on before, during or after divorce to find everything you could ever need to do with divorce.
    " />
    </head><meta name="keywords" content="test
    " />
    <!-- InstanceEndEditable -->
    <body class="oneColFixCtrHdr">
    <div id="container">
      <div class="oneColFixCtrHdr" id="header">
        <table width="740" border="0" align="center">
          <tr>
            <td  border="0" height="38" ></td>
            <td align="right" valign="bottom"><!-- InstanceBeginEditable name="HeaderLinks" -->
              <p class="TextButtons"><a href="index.html" class="TextButtons">Home</a>   <a href="featuredcompany.html" class="TextButtons">Featured Company</a>   <a href="youngpeople.html" class="TextButtons">Young People</a>    <a href="andmore.html" class="TextButtons">And More</a>    <a href="blog/index.html" class="TextButtons">Blog</a></p>
            <!-- InstanceEndEditable --></td>
          </tr>
          <tr>
            <th height="48" align="left" valign="bottom">
    <h1><a href="index.html" title="test"><img src="images/test_logo.png" alt="test" width="245" height="46" border="0" align="left" /></a></h1>
    </th>
            <td align="right" valign="bottom"><!-- InstanceBeginEditable name="HeaderButtons" --><a href="#"><img src="images/facebook-logo.png" alt="FaceBook Button" width="48" height="48" border="0" align="bottom" /></a> <a href="#"><img src="images/twitter_square.png" alt="Twitter Button" width="48" height="48" border="0" align="bottom" /></a><a href="#"><img src="images/blogbutton.png" alt="Blog Button" width="49" height="47" border="0" align="bottom" /></a>    <!-- InstanceEndEditable --></td>
          </tr>
        </table>
        <!-- end #header -->

    Hi
    The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
    But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
    Change - background-image:url(file:///Macintosh  HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
    To - background-image:url(images/test_back.png);
    But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
    PZ
    www.pziecina.com

  • What do I do when I create a pdf and it says fatal error, there is a problem with the background task

    What do I do when I create a pdf and it says fatal error, there is a problem with the background task

    see Adobe Community: File Crashing on Output - printing/PDF/other

  • Why am I having issues with the background image here?

    body {
        text-align:left;
        font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
        font-size:11px;
        line-height:17px;
        color:#8a8683;
        margin:0;
        padding:0;
    * html body {
        overflow:hidden;
    * html div#content {
        height:100%;
        overflow:auto;
    div#colBg2 {
        width:519px;
        height:100%;
        margin:0 0 0 449px;
        background:url(/images/colBg2.png) repeat-y top;
        z-index:600;
    table#colText {
        height:100%;
        width:433px;
        text-align:left;
        z-index:700;
    <div id="colBg2">
      <div id="colText">
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
      </div>
    </div>
    What this is supposed to do is show background image colBg2.png as a column extending from the top of the viewport to the bottom, whether there's enough text to fill it or not. If it doesn't, then it shouldn't produce a scrollbar. It uses 100% vertical height hacks, as demonstrated in the code above.
    When there's more text than the viewport can handle, there's a scrollbar, and the colBg2 successfully scrolls along with the text contained in colText. HOWEVER... when that background scrolls upwards so we can go down the page, it stops tiling. It stops wherever the viewport ends.
    If I stretch the window to reveal more of the column, no problem. It tiles just fine, and extends all the way to the end of the screen. But not if I scroll down.
    Anyone know if I'm doing anything wrong with this code, or if there's an obvious fix that isn't occuring to me?

    I was just about to prepare that for you guys when I had a quick flash to try applying the background image directly to the table instead
    of a containing div. I'm sure there was a reason I used a containing div to begin with, but can't for the life of me remember why right now. I'm sure it'll hit me at some point and I'll probably be back here when it does, but so far eliminating the containing div altogether has produced the desired effect. =)

  • Since i upgraded my ipad to 7.0.2 there is a problem with the  photo images are

    can any one help my ipad photographs are now low quality with the a serious problem with the colours, this has all happened since i upgraded to 7.0.2

    Do the filenames contain special characters, like "ä,ü,..." or white space or are the vry long? Is there anything special about the image format? Try to export the edited versions in that case and reimport it with a different, shorter filename.
    For testing, create a new book with only the images you want to check.
    If this does not fix it, try rebuilding. Depress the option and command keys, launch iPhoto and rebuild the library.

  • Problem with the RAW images from Canon 5d Mark III

    hope you are doing good. i need your opinion regarding a phenomena i am observing in the RAW images from Mark iii.
    The following images appear to be absolutely correct in the camera and when viewed through a picture viewer.
    I have tried and tested the following scenarios:
    1. Used a medium speed kingston CF Card (new) and transferred the images through the USB cable supplied with the camera.
    2. Thought the card might be slow OR faulty.. used Sandisk Extreme and Extreme Pro SD Cards but same result.
    3. Transferred SD Card data through the builit in laptop card reader.
    4. Have directly imported the images from SD Card into Lightroom 4.3, copied the data firstly to laptop HDD and then imported, copied the SD card data to an external HDD and then copied. .... same result!!
    5. Have tried the same with both Win7 and Mac OS.
    6. The DPP sw that came with the camera gives the error of 'Decoding Failed' with these images.
    Usually 10-15 images out of 100 give this kinda pattern. so i was hoping if you can guide me what is going wrong here !!!

    The camera and PictureViewer are likely showing you the embedded JPG, while DPP and LR are decoding the raw data which appears to be corrupted.  Assuming you have formatted your SD cards in the camera and the issues are always in the same positions in the same images when you transfer them multiple times from the card to different computers via different methods, then the data is on the card that way.
    If the embedded JPG is ok then the sensor is ok, so something between the sensor-readout and the storage on the card appears to be failing intermittently, and it’s time to talk to Canon, I think.

  • Problem with the JFrame maximum size

    Dear all,
    I need to make my application expand to the maximum screen size when
    the user first starts it. I am using hte following code:
    frame.setSize(getMaximumSize());          
    however if my JFrame has a border layout and I have added a component at the page end
    "add(new JLabel("hello"), BorderLayout.PAGE_END);"
    this component is not displayed on the screen until I maximize the JFrame manually by clicking on
    the default "Maximize" button at the right top corner?
    Does anyone know how to get the JFrame occupy the maximum screen size where all of the
    components would be visible?
    Kanita

    Solved:
    http://forum.java.sun.com/thread.jsp?forum=57&thread=546044

  • 8851 Background Image size

    I'm having problems with the thumbnail images on a 8551 phone.
    According to the docs at www.cisco.com/c/en/us/td/docs/voice_ip_comm/cuipph/8811_8841_8851_8861/10_5/english/adminguide/P881_BK_A92A3B94_00_adminguide-8811_41_51_61-10_5/P881_BK_A92A3B94_00_adminguide-8811_41_51_61-10_5_chapter_01010.html the thumbnail image sizes for the 8851 are 25% of the main image size (which is 800x480 at 24 bit colour depth so the thumbnail would be 200x120) But a few lines further down, the docs say the image size should be 159x109 (which is NOT 25% of the background image size and is a different aspect ratio.)
    I tried to open a couple of the existing thumbnails from Desktops/800x480x24 on my TFTP server, but they don't appear to be regonised as image files by my computer.
    I've tried images of 159x109x24 bit colour and 200x120x24 bit colour, all PNG, but none of them work as thumbnails.
    What are the specs of the thumbnail files for the 8851 phones?
    GTG

    Take a look at this bug:
    Documentation: background image size/path for 88xx phones is 800x480x24
    CSCus27001

  • Reducing background image size

    Hi all,
    I'm working with Captivate 4 and have made a screencast of a particular process for training purposes.
    The project has 80 slides - but each background image is 1800+kb. Overall the project comes out at 3 MB even with the highest possible compression in the publishing settings.
    The project is to be hosted on the Web so I really don't need this kind of detail in the background images and I can't find anyway to reduce the image size apart from exporting each of the 80 backgrounds into Photoshop, reducing them in size and importing them back into Catptivate. For 80 slides this would take too long.
    So, two questions:
    How can the background image size be reduced within Captivate?
    How can I change the settings so when capturing screenshots the image sizes are smaller in the first place?
    Thanks in advance for any tips,
    Neil
    Is there anyway the

    Thanks Lilybiri
    I've bene recording at full screen (1024x768 or close enough) in order to get the largest recording space possible - and then resizing the project to 800x600 for the web production. The problem is that there is no optimise for web setting (or none that I can see). I just did another test and each background image is 3000kb - way over the top for something that will be viewed on the web.
    Does this help you get a fuller picture? Any advice?
    Thanks for sparing your time to answer here btw - much appreciated
    Neil

  • Can a script be written to take the next 2 files in a folder and place them on a background image..then saving with the first images filename..?

    Hello all, I hope you can help.
    In Photoshop I have a problem to overcome and have delved into the world of scripting..
    If there is a quick way to produce the following could someone help me with some pointers?
    Here is my situation..
    I need to produce a photograph proof card, these are for a double image option so cause me a headache compared to just creating an action..
    This proof card really is just a set of two different photographs placed onto a background image.
    I would produce two different images of the same person and name them exactly the same except they are suffixed with an A or B to keep them together, these would be in a folder with approx 500 other images for example (250 x two of each person)
    My preference for the process would be done in the following sequence:
    1/ Open the background file jpg (which is sized at 2400 x 1800 pixels @ 300dpi)
    2/ Load the first image from the batch file and place this.
    3/ Get the filename of the first image and create it as a text layer and write it below the image at 10 point text size.
    4/ Create another copy of this layer and change the font to 3of9barcode font, however the font needs an asterisk before the text then again after it. e.g. *filenameA*
         Only the first image has the need for a barcode as they are for the same person. This is at 18 point.
    5/ Load the next sequential image from the batch file and place this.
    6/ Get the filename for the second image and as Item 3/ create a text layer below at 10 point text size.
    7/ Place a png overlay with my copyright information over the images (I need to do this twice, once for each image)
    8/ Flatten the images and save the file in a new folder with the same filename as the first image.
    I can do this in Lightroom with the exception of putting the barcoded text, and the filenaming, this is because the background image is used as the identity plate and the filename is not based on the data from either photograph..
    Can anyone shed some light on where to go from here?
    Kind regards
    Bryan

    Photoshop Scripting-wise this seems fairly "easy".
    But I would recommend creating a template file (that already combines background image, png overlay and the Type Layers).
    Maybe data driven graphics would also be an option …
    Photoshop Help | Creating data-driven graphics

  • How can I know the output Image Size of any image with a variable

    I'm having problems with a filter I am writing because I can't enter the output image size(x and y) in a filter without doing it manually with a parameter

    yes, that is currently the only way, but we do realize that it is an issue and are working on solutions.
    thanks!

  • After installing 3.6, Firefox's screen image is drasticallay rreduced, how do I get bact the screen image size that I had with previous Firefox?

    I installed Firefox 3.6 and when I restarted the program the display image size was approximately 2/3 the size of the image provided by the previous version of Firefox.I had to zoom-in 5 times before I could read the text. How can I recover the screen settings that I had with the previous version of Firefox or how can I set new defults for screen image size under Firefox 3.6?
    == This happened ==
    Every time Firefox opened
    == After installing Firefox 3.6

    Hello Michael.
    Hopefully this support article is what you need:
    https://support.mozilla.com/en-US/kb/Firefox+will+not+start
    In any case, it's possible that you are having a problem with some Firefox add-on that is hindering your Firefox's normal behavior. Have you tried disabling all add-ons (just to check), to see if Firefox goes back to normal?
    Whenever you have a problem with Firefox, whatever it is, you should make sure it's not caused by one (or more than one) of your installed add-ons, be it an extension, a theme or a plugin. To do that easily and cleanly, run Firefox in [http://support.mozilla.com/en-US/kb/Safe+Mode safe mode] (don't forget to select ''Disable all add-ons'' when you start safe mode). If the problem disappears, you know it's from an add-on. Disable them all in normal mode, and enable them one at a time until you find the source of the problem. See [http://support.mozilla.com/en-US/kb/Troubleshooting+extensions+and+themes this article] for information about troubleshooting extensions and themes and [https://support.mozilla.com/en-US/kb/Troubleshooting+plugins this one] for plugins.
    If you need support for one of your add-ons, you'll have to contact its author.
    If the problem is not disappears when all add-ons are disabled, please tell me, so we can work from there. Please have no fear of following my instructions to the line, as all can be easily undone.
    Also, if you want to use an older version of Firefox, please use Firefox 3.5.11. Only versions 3.5.11 and 3.6.8 are supported, and both contain all the latest security fixes. Using any other version is unsafe and not recommended.

  • Why is there a scroll bar though I set the background image to "scale to page size"?"

    Why is there a scroll bar though I set the background image to "scale to page size"?"

    The current build of iTunes may occasionally draw the scroll bar off the edge of the screen. It should be possible to resize the window to reveal the scroll bar.
    You can restore much of the look & feel of the previous version with these shortcuts:
    Ctrl-B to turn on the menu bar.
    Ctrl-S to turn on the sidebar.
    Ctrl-/ to turn on the status bar.
    Click the magnifying glass top right and untick Search Entire Library to restore the previous search behaviour.
    You can also open the menu bar temporarily by pressing Alt.
    tt2

  • Is anyone else experiencing problems with the thunderbolt port on their Mac Mini's regarding using it to connect a second monitor? I've got the Mini Display Port to DVI-D adapter along with a DVI-D cable and I can't get an image on the second monitor.

    I had an dual display image / setup working twice for a few seconds, but then it cut out. I think there may be a problem with the thunderbolt port.

    As far as I can tell you have only listed that you have a DVI monitor connected to the Mini Displayport socket (i.e. the Thunderbolt socket) via presumably the Apple Mini Displayport to DVI adapter and a DVI to DVI cable.
    You don't appear to have listed what the second monitor is and how it is connected (even though not working). As such I cannot tell what may be wrong.

  • Since downloading the 2013 Keynote upgrade, the slide image size on handouts with 3 slides per page option is very small. Is there a way to make the slide size larger while still keeping 3 slides per page   lines?

    With the new Keynote upgrade (version 6.1), the slide image size on handouts is very small, which makes it difficult to read slide content when compiling lecture notes for students. Is there a way to make the slide size larger while still keeping to a format of 3 slides per page with lines?

    A number of posts have reported the same issue, two workarounds:
    1
    check the paper handling options or equivalent in your print dialogue box and set to scale to fit

    in the Keynote option, in the dropdown menu in the Print section, select Individual Slides
    then choose Layout, and set the number of pages, when printed you will have multiple pages on a single sheet.

Maybe you are looking for

  • From External Hard Drive to Itunes and back...

    Hello I have a external hard drive with 2 main folders Music 1 Music 2, each folder has about 6-8 sub-folders labeled with the genres am in to , and those sub-folders have the artist I believe correspond to  that genres, to many artist with genres wa

  • How to make sure Bridge Mode is OFF on my new TC

    When I go into Airport Utility for my New TC, Network, Router Mode the choice is OFF(Bridge Mode). Does this mean the Bridge Mode is off?

  • Editable Grid vs Custom Buttons

    Hi all, I have a grid in edit mode (created with the standard function REUSE_ALV etc etc) and i have a custom User Interface with a button to add a line (just a simple append in my internal table displayed in the grid). All it's ok and works, but if

  • I want to know about super bom

    dear exports     i m working in  furniture company. my product is chair(kmat)  . bom for chair is three sfg and one raw material.in that one sfg (seat)  having three rms . one is seat cover and under seat cover they having fabric , leather. in fabric

  • Activating sounds in Forte

    Anybody know how to play a sound event in Forte? I'm thinking that this is operating system specific. And for those of you that hate sounds, it's only because the user is barcoding plates and doesn't look up to see if there's a problem. I need to not