Saved image differs from the image in Photoshop CS5

Im having an issue with how my images look after i save them. The images are coming out lighter and with less contrast. I am running Photoshop CS5 on a Macbook Pro that is running OSX 10.6.8. I know this question has probably come up many times, but if someone can help me with this issue it would be greatly appreciated.
Thanks.

They will need to know a lot more about your color settings, your monitor profile and your entire workflow.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers: 
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

Similar Messages

  • Why the image I get is different from the image I see on SpeedGrade???

    the image I get is different from the image I see on SpeedGrade???
    As the pic shows, the left one is what i get from speedgrade, and the right one is what i get after rending it out.

    Welcome to the world of the QuickTime Gamma Shift. In short: Apple is dispaying your video wrong. It actually happens with there own software (Final Cut Pro) as wel...
    Google for "QuickTime Gamma Shift" and see if you can find a workflow that works for you.

  • Is there a way to "print" a raster image to a size differing from the artboard, just as w/vectors?

    when you print from illustrator you can specify to fit a paper size
    that's different from the artboard being used. I want raster images that differ in size from the artboard - is this
    possible? Or would figuring out the pixels based on a dpi and a sheet size be the equivalent?

    I'm not clear what you describe. Sounds to me like you are confusing the rasterization on the printer/ in the printer driver with actually resizing. All that happens when you fit content on a page for printing is to change the overall ratio of paper vs. content vs. rasterization grid and that is a mere technical thing. Works for vectors and bitmaps. however, AI having a track record of being extremely picky about what it prints, you'd probably do better saving a PDF and printing from Acrobat.
    Mylenium

  • I cannot remove embedded barcode from the image. Due to saving compression.

    Hi guys,
    I recreate a thread to prevent confusing on my previous one. Please only reply to this thread thanks.
    Ok, for a start I will give some general description about the application I made.
    I had some problem with the image being compressed while it is saved.
    Because saving an image will cause it to compress and had its pixel valued changed, I could not successfully remove the bardcode that is embedded inside a image(although some of the pixel value will be returned to original normally). I had placed my code below and will accept any opinion that will help me solve the removal of barcode problem.
    What my application does is actually very simple. It will take the pixel value of the area inside the image that will be embed with the barcode first, then it will take the pixel value of the barcode and use the formula (1-alpha * Image pixel value) + (alpha * barcode pixel value) = new pixel value which will contain the barcode that had been embedded inside. The formula works great but when I saved the image the pixel value will change due to compression. On the removal of barcode my application will read every pixel value from the image embedded with barcode (only the area with barcode embedded), then it will go on to read every pixel value of the barcode used for embedding and then use the formula (Embedded image pixel value - (alpha * Barcode pixel value) - (1 - alpha) = original pixel value. But due to the reason that compression will change some of the pixel inside the saved image to drop in its value, the result from the removal formula will be negative and hence caused my result image to become wierd as it will red colors instead of original color on some of its pixel. I tried saving under PNG format which people said to be lossless compression but the result is still the same.
    So I need to ask you guys for opinion or help me find the part where I actually did wrongly and caused the image pixel value to change.
    Thanks. Please proceed and read below for the codes that I used. It is messy and I will sort it out later.
    When alpha is set as 1 the barcode will appear to be overwrite onto the image. But when alpha is set as 0.1 the barcode will appear to be transparent and almost seems to be not there on the image when embedded.
    This is the code I used to retrieve image pixel when embedding:
    public static int[] getImagePixelValue(BufferedImage image, int x, int y){
              //Create an array to store image RGB value
              int[] imageRGB = new int[3];
              //Get height and width from input image
              int imageWidth = image.getWidth();
              int imageHeight = image.getHeight();
              //Get raw RGB value from image
              int imageValue = image.getRGB(x, y);
              //Convert image raw RGB value
              int imageRed = ((image.getRGB(x, y) >> 16) & 0xff);
              int imageGreen = ((image.getRGB(x, y) >> 8) & 0xff);
              int imageBlue = image.getRGB(x, y) & 0xff;
              //Input the converted RGB value into the array
              imageRGB[0] = imageRed;
              imageRGB[1] = imageGreen;
              imageRGB[2] = imageBlue;
              /*//Print out the pixel value to check
              System.out.println("Image red pixel: "+imageRGB[0]);
              System.out.println("Image green pixel: "+imageRGB[1]);
              System.out.println("Image blue pixel: "+imageRGB[2]);*/
              //Return image RGB value
              return imageRGB;
    }This is the code I used to retrieve barcode pixel for embedding:
    public static int[] getWatermarkPixelValue(BufferedImage watermark, int x, int y){
              //Create an array to store watermark RGB value
              int[] watermarkRGB = new int[3];
              //Get height and width from input watermark
              int watermarkWidth = watermark.getWidth();
              int watermarkHeight = watermark.getHeight();
              int watermarkValue = watermark.getRGB(x, y);
              //Convert watermark raw RGB value
              int watermarkRed = ((watermark.getRGB(x, y) >> 16) & 0xff);
              int watermarkGreen = ((watermark.getRGB(x, y) >> 8) & 0xff);
              int watermarkBlue = watermark.getRGB(x, y) & 0xff;
              //Input the converted RGB value into the array
              watermarkRGB[0] = watermarkRed;
              watermarkRGB[1] = watermarkGreen;
              watermarkRGB[2] = watermarkBlue;
              /*//Print out the pixel value to check
              System.out.println("Watermark red pixel: "+watermarkRGB[0]);
              System.out.println("Watermark green pixel: "+watermarkRGB[1]);
              System.out.println("Watermark blue pixel: "+watermarkRGB[2]);*/
              //Return watermark RGB value
              return watermarkRGB;
         }This is the code I used for merging the image pixel and barcode pixel to get the embedded pixel value:
    public static int[] getEmbeddedPixelValue(int[] imagePixelValue, int[] watermarkPixelValue, double alpha){
              //Create a object to hold embedded pixel value
              int[] embeddedRGBValue = new int[3];
              //Change image pixel value into double calculating equation
              double imgRedValue = (double) imagePixelValue[0];
              double imgGreenValue = (double) imagePixelValue[1];
              double imgBlueValue = (double) imagePixelValue[2];
              //Change watermark pixel value into double calculating equation
              double wmRedValue = (double) watermarkPixelValue[0];
              double wmGreenValue = (double) watermarkPixelValue[1];
              double wmBlueValue = (double) watermarkPixelValue[2];
              //Equation for embedding image and watermark together
              double embeddedRed = ((1.0 - alpha) * imgRedValue) + (alpha * wmRedValue);
              double embeddedGreen = ((1.0 - alpha) * imgGreenValue) + (alpha * wmGreenValue);
              double embeddedBlue = ((1.0 - alpha) * imgBlueValue) + (alpha * wmBlueValue);
              //Changing embedded value from double to int
              int embeddedRedValue = (int) embeddedRed;
              int embeddedGreenValue = (int) embeddedGreen;
              int embeddedBlueValue = (int) embeddedBlue;
              //input the embedded RGB value into the array
              embeddedRGBValue[0] = embeddedRedValue;
              embeddedRGBValue[1] = embeddedGreenValue;
              embeddedRGBValue[2] = embeddedBlueValue;
              //Return embedded pixel value
              return embeddedRGBValue;
         }This is the code where I used for the embedding process:
    else if(target == embedButton){
                   String xCoordinate = JOptionPane.showInputDialog(embedButton, "Enter coordinate X", "When you want to embed the watermark?", JOptionPane.QUESTION_MESSAGE);
                   String yCoordinate = JOptionPane.showInputDialog(embedButton, "Enter coordinate Y", "When you want to embed the watermark?", JOptionPane.QUESTION_MESSAGE);
                   int xValue = Integer.parseInt(xCoordinate);
                   int yValue = Integer.parseInt(yCoordinate);
                   int wCounter = 0;
                   int hCounter = 0;
                   //Create file object to be used in embedding and removing watermark
                   File inputImage = new File(imagePath);
                   File inputWatermark = new File(watermarkPath);
                   //Convert string into double for calculation of embedded pixel value
                   try {
                        alphaDouble = Double.valueOf(alphaValue).doubleValue();
                   catch (NumberFormatException nfe) {
                        System.out.println("NumberFormatException: " + nfe.getMessage());
                   try{
                        //Define selected image as testPic and make java read the file selected
                        BufferedImage image= ImageIO.read(inputImage);
                        BufferedImage watermark= ImageIO.read(inputWatermark);
                        BufferedImage testing;
                        //Get height and width value from the selected image
                        int imageWidth = image.getWidth();
                        int imageHeight = image.getHeight();
                        //Get height and width value from the selected barcode
                        int watermarkWidth = watermark.getWidth();
                        int watermarkHeight = watermark.getHeight();
                        int totalWidth = watermarkWidth + xValue;
                        int totalHeight = watermarkHeight + yValue;
                        //Use nested for loop to get RGB value from every pixel that the barcode will be embedded in the selected image
                        if(totalWidth <= imageWidth && totalHeight <= imageHeight){
                             for (int h = yValue ; h < totalHeight; h++){
                                  for (int w = xValue; w < totalWidth; w++){
                                       int[] imagePixelValue = getImagePixelValue(image, w, h);
                                       int[] watermarkPixelValue = getWatermarkPixelValue(watermark, wCounter, hCounter);
                                       int[] embeddedPixelRGBValue = getEmbeddedPixelValue(imagePixelValue, watermarkPixelValue, alphaDouble);
                                       setRed(image, w, h, embeddedPixelRGBValue[0]);
                                       setGreen(image, w, h, embeddedPixelRGBValue[1]);
                                       setBlue(image, w, h, embeddedPixelRGBValue[2]);
                                       wCounter++;
                                       if(wCounter == watermarkWidth){
                                            wCounter = 0;
                                            hCounter++;
                        else{
                             JOptionPane.showMessageDialog(embedButton, "The watermark cannot be embedded at the coordinates.");
                        tempImage = image;
                        imageIcon = new ImageIcon(tempImage);
                        labelImage.setIcon(imageIcon);
                        imagePanel.add(labelImage);
                        container.add(imagePanel, BorderLayout.CENTER);
                        setVisible(true);
                        System.out.println("Embedding completed");
                   catch(Exception errorEmbedding){
                        //If there is any error, the try and catch function will tell you the error
                        System.out.println("The following error occured: "+errorEmbedding);
              }This is the code I use to save the image that had been embedded with the barcode:
    else if(target == saveAction){
                   JFileChooser chooser = new JFileChooser();
                   FileNameExtensionFilter filter = new FileNameExtensionFilter("JPG & GIF Images", "jpg", "gif");
                   chooser.setFileFilter(filter);
                   chooser.setCurrentDirectory(new File("."));
                   int returnVal = chooser.showSaveDialog(getParent());
                   if(returnVal == JFileChooser.APPROVE_OPTION) {
                        String name = chooser.getSelectedFile().getAbsolutePath();
                        //Create a string instant to hold outputImage path name
                        String saveFile = chooser.getSelectedFile().getName()+"."+fileType;
                        //Create file output to decide what name will be used to save the file
                        File outputImage = new File(saveFile);
                        try{
                             //Save the file with the name used
                             ImageIO.write((RenderedImage) tempImage,fileType,outputImage);
                        catch(Exception errorSaving){
                             //If there is any error, the try and catch function will tell you the error
                             System.out.println("The following error occured: "+errorSaving);
                   else{
              }This is the code I used for removal process of barcode:
    else if(target == removeButton){
                   //Create file object to be used in embedding and removing watermark
                   File inputImage = new File("removalTesting.jpg");
                   //File inputWatermark = new File(watermarkPath);
                   //Used a defined barcode for testing of removing barcode from embedded image
                   File inputWatermark = new File("barcode.jpg");
                   /*//Convert string into double for calculation of embedded pixel value
                   try {
                        alphaDouble = Double.valueOf(alphaValue).doubleValue();
                   catch (NumberFormatException nfe) {
                        System.out.println("NumberFormatException: " + nfe.getMessage());
                   //Used a defined alpha value for testing of removing barcode from embedded image
                   //alphaDouble = 0.5;
                   //Create x and y value for the starting coordinates of barcode embedded in the embedded image
                   int xValue = 0;
                   int yValue = 0;
                   int wCounter = 0;
                   int hCounter = 0;
                   try{
                        //Define selected image as testPic and make java read the file selected
                        BufferedImage image= ImageIO.read(inputImage);
                        BufferedImage watermark= ImageIO.read(inputWatermark);
                        //Get height and width value from the selected image
                        int imageWidth = image.getWidth();
                        int imageHeight = image.getHeight();
                        //Get height and width value from the selected barcode
                        int watermarkWidth = watermark.getWidth();
                        int watermarkHeight = watermark.getHeight();
                        int totalWidth = watermarkWidth + xValue;
                        int totalHeight = watermarkHeight + yValue;
                        //Use nested for loop to get RGB value from every pixel that the barcode had been embedded in the embedded image
                        if(totalWidth <= imageWidth && totalHeight <= imageHeight){
                             for (int h = yValue ; h < totalHeight; h++){
                                  for (int w = xValue; w < totalWidth; w++){
                                       int[] imagePixelValue = getImagePixelValue(image, w, h);
                                       int[] watermarkPixelValue = getWatermarkPixelValue(watermark, wCounter, hCounter);
                                       int[] removedPixelRGBValue = getOriginalImagePixelValue(imagePixelValue, watermarkPixelValue, alphaDouble);
                                       setRed(image, w, h, removedPixelRGBValue[0]);
                                       setGreen(image, w, h, removedPixelRGBValue[1]);
                                       setBlue(image, w, h, removedPixelRGBValue[2]);
                                       wCounter++;
                                       if(wCounter == watermarkWidth){
                                            wCounter = 0;
                                            hCounter++;
                        tempImage = image;
                        imageIcon = new ImageIcon(tempImage);
                        labelImage.setIcon(imageIcon);
                        imagePanel.add(labelImage);
                        container.add(imagePanel, BorderLayout.CENTER);
                        setVisible(true);
                        System.out.println("Embedding completed");
                   catch(Exception errorEmbedding){
                        //If there is any error, the try and catch function will tell you the error
                        System.out.println("The following error occured: "+errorEmbedding);
              }Sorry if the codes are in a mess, I did not had the time to sort it out yet but most likely do it when I got the removal of barcode done.
    Follow this link to have a look of the result I see in my application when I got the barcode embedded into the image I selected:
    [http://img356.imageshack.us/my.php?image=beforeremovalresultmg2.jpg]
    Follow this link to have a look of the result I see in my application after I got the barcode removed:
    [http://img523.imageshack.us/my.php?image=removalresultmx4.jpg]
    As you can see from the link, after I remove the barcode from the image. Some of the pixel actually went back to normal in the barcode area when the the barcode is embedded into the image. But some pixel in the barcode area had its value changed due to compression when I save the image file I think.
    Anyone can help me find out the problem?
    Thanks.

    KamenRider wrote:
    I suspect the problem lies in the code when I save the image. Because people said that PNG was loseless compression but when I saved in PNG some of the pixel went back to normal while some did not. This is obviously the cause from changing of pixel value when I saved the image.You are almost certainly wrong. This is trivially easy to check. Print out the color of a certain pixel immediately before you save it. Open the saved PNG in your favorite image manipulation program and check the saved value of that same pixel. When you re-load the saved PNG, print out the color again. It should be unchanged.
    Thanks you for trying to help me spot the problem but the formula is correct. The alpha value i used in my application is used to set the transparency of the barcode that will be embedded in the image. Hence, when alpha = 1 the new pixel value should be the barcode value. ^^The formula isn't wrong, it's just not doing what you think it's doing. Remember that you're working with ints here, not floating point numbers, so they have finite precision. When you case from double to int, fractions are dropped. As morgalr pointed out, your formula is:
    (1-alpha * Image pixel value) + (alpha * barcode pixel value) = new pixel value You didn't show us the code for getOriginalImagePixelValue but I imagine it's:
    original pixel value = (new pixel value - alpha * barcode pixel value) / (1 - alpha)On a piece of paper, take alpha = 0.9, image pixel = 17 and barcode pixel = 100. Calculate out what you should get for new pixel value and then calculate what you should get for original pixel value. You will find they don't match.

  • Why does Photoshop display colors differently from the other applications even in sRGB mode ?

    Hello all !
    Here is my problem :
    Photoshop is set to use sRGB workspace (in edit/colors.../workspace/RVB).
    If I understand correctly this is how all native windows applications work.
    This means Photoshop and the other applications should display the same colors on a file with a sRGB profile.
    Now this is the case until I calibrate my monitor.
    When I do, Photoshop colors become different from the other applications (irfanview, explorer, browsers...).
    The only way I found to let everything display the same colors is to set Photoshop to use Proofing/RVB Monitor.
    What upsets me even more is that Photoshop colors look "better" to me (dark grays seem to dark to me in the other applications.)
    I have read that this is because Photoshop takes the new profile into account and others applications do not. But I don't think this is relevant here because everything is in sRGB so the only profile is my monitor's and I think calibration is handled globally by windows : everything (including browsers, explorer, and Photoshop) changes color if I choose to apply the monitor's profile or not with windows color management tool ("use my parameters for this device").
    Here is my system configuration :
    - Photoshop CS4 (11.0.2)
    - Windows 7 64 bits
    - HP ZR2440W and DELL 2209WA (these are not wide gamut screens)
    I have spent two days trying to figure the logics behind this and really am upset. Any help would be greatly appreciated. Don't hesitate to ask me if there is something that is unclear or some information I forgot to mention.
    Thanks in advance,
    Yannick

    That sounds like an invitation to continue to talk about the issue.  Fair enough.
    I'm not sure where you're getting "insecurity"...  I am just trying to help you help others more effectively.
    I invite you to re-read just the first sentence of what you wrote very carefully, putting yourself in the shoes of someone struggling with both the terminology and the concepts:
    Photoshop (CMS) reads an embedded ICC profile and CONVERTS it to the custom monitor profile for a theoretical 'true color' display
    Think about what "Photoshop (CMS)" might mean to a person who doesn't know the acronym might stand for "Color Management System" (which is I assume what you meant).  Adobe themselves don't call it "CMS", they use the acronym "CMM" (Color Management Module).  The term "CMS" is used in the computer industry for about a dozen different things.
    While a color profile might have been embedded in an image file before it was opened by Photoshop, Photoshop works on documents.  A profile is not "embedded" in a document, it is maintained by Photoshop with the document and describes the color values in the document.  If Photoshop opens a document without an embedded profile, depending on settings and user choices it might assign a profile or it might even operate on the document without color-management.  Oversimplification doesn't help people when they're trying to learn new things unless it's described as such, for example, "This is a bit of an oversimplification..." or "Generally speaking..."
    Not every monitor profile is a "custom monitor profile".  Quite often a standard profile (e.g., sRGB IEC61966-2.1) is associated with a monitor by the operating system as a default, or a factory profile is installed by a driver package or system update.  Your use of the term "custom" is a bit ambiguous and could be read as implying the creation of a profile using a calibration and profiling device specific to the particular monitor.
    Photoshop's color management code does not convert an embedded ICC profile at all (read carefully what you wrote).  As I said, it transforms color values.  That was the key error in your description that prompted me to comment.
    If ever there is a time to pick words carefully, it's in a color-management discussion.
    -Noel

  • How do I import an image directly from the internet without printing and scanning it in first?

    How do I import an image directly from the internet without printing and scanning it in first?

    You can also Ctrl click on the image, save the image to your desktop and open it in Photoshop.
    1.
    2.
    3. Open in Photoshop by double-clicking on the saved image on your Desktop or Cmd o in Photoshop.
    I don't see any point to copying and pasting from a browser into a new file in Photoshop.
    If you want to put an image onto an already open image in Photoshop, use the File > Place... command and select your saved image.
    Gene

  • How to automatically remove the wiki page's images from the Images library , when a wiki page is deleted

    I have noted the following strange behavior inside my Publishing enterprise wiki site collection. Now by default when I create a new wiki page and I add Pictures to it, the pictures will be saved under the “Images” library and will be inside a unique folder
    that have its name similar to the page name.
    But when users delete the picture from the wiki page or they delete the whole wiki page, then the related folder inside the “Images” library will not be removed. So can anyone advice if there is a way to automatically remove the page’s pictures
    folder from the Images library when the page is deleted? as currently i might end up having many pictures inside the Images library which are not linked to a wiki page, and they will waste my server desk space...

    I think, not sure, there's no out-of-the-box solution in SharePoint for this problem. So I can only think of custom solution:
    In event Receiver, ItemDeleting, you can delete images. The only downside is if some other pages are referring the images..... you need to check somehow which is quite time-consuming operations if you have thousand of pages in wiki library
    A timer job, that will run periodically, every day or week, and clean all unused images. 
    Hide the default delete button and add your own. And then using your own custom layout page, show a 'configuration dialog' to user if they want to delete both page and images.
    Thanks,
    Sohel Rana
    http://ranaictiu-technicalblog.blogspot.com
    Please do not tell me this is not supported out of the ox ,,,,, i that i should handle this process by myself !!! and SharePoint does not support this feature .... this is another  problem i should include in my list .....

  • Application that allows to paste images copied from the web..

    hey guys.
    im looking for an application that allows to paste images copied from the web..
    ive tried a few but they only paste the next... anyone help?
    cheers.

    im assuming paste them on your phone to use as wallpaper etc?? if that's all you want to do, you don't need an app for that... when you find an image you like touch and hold for 3 or 4 sec. a dialogue box will appear asking you if you want to save the image, email it, etc... select save and it will appear in its own folder under photos as "saved images or photos"...
    hope it help

  • How to extract the license plate region from the image of cars

    HI, I want to extract the license plate region from the image of cars with vision assistant. I try to adjust the threshold value, remove small objects. But i still cannot get the perfect license plate region. I have attached 4 images that i am working now. I hope someone can help me to extract that region. Really thanks.
    Attachments:
    IMG_2029.JPG ‏150 KB
    IMG_2031.JPG ‏155 KB
    IMG_2089.JPG ‏130 KB

    Hi, I have attached my extrated images.. Please check them...
    Attachments:
    35.PNG ‏17 KB
    36.PNG ‏12 KB
    37.PNG ‏13 KB

  • How do I remove Canon " My Image Garden" from the desktop when turning on my computer ?

    How do I remove Canon " My Image Garden" from the desktop when turning on my computer ?  I have the icon but the program starts up and I have to delete it manually  from the desktop to clear my screen for other work...

    Are you using a Windows or a Mac? What you're seeing (the backwards L shaped menu) is probably the Canon Quick Menu. If you have a Mac you can go into your applications, select Canon Utilities, then drag Canon Quick menu to the trash and empty trash can. On Windows you'd go to the control panel, select Programs and Features (or Uninstall Program/Add or Remove Program) and uninstall the Canon Quick Menu. Not required for all the normal functions of the printer. You can do the same thing for My Image Garden. Also not required.

  • How can I after compare from 2 images automatic mark the image differenz?

    Hello Everybody.
    I
    have a question again, there are a photo A and a photo B here, after the subtract from A and B I have got a
    comparative photo C, anywhere where black are no
    changes. So the color envelope are the changes.
    I would like to track the changes, and I want to make a program like that:
    This LabVIEW program knows the color changes from the image C (where not black were), it must
    AUTOMATICALLY remember each color changes, define the size of the framework for each color charges and draw each changes with a framework in the photo A (as well as photo D), is it possible?
    Can you help me?  Please put a sample workflow, thank you in advance!
    Regarts,
    Johnny
    Attachments:
    Photo C + D.JPG ‏72 KB
    Photo A.JPG ‏101 KB
    Photo B.JPG ‏101 KB

    Hello, Mike,
    thank you for your help, it works.
    Maybe I am not so clever, I can not unterstand your program very well.
    I have 2 questions:
    1. I need a little larger rectangle for the images, because the images are not subscribed fully, and there is no problem if the environments are there. On which position or in which case can I enlarge the size for that? 
    Please look the word file "now" and "wanna".
    2. How can I draw the red rectangles direct for each changes on the Photo A.bmp? On which case or on which position of your program must I edit? And how?
    Please look the Photo D.bmp. There is also no problem if the red rectangles litte larger as the objects.
    Thanks a lot!
    Regarts,
    Johnny
    Attachments:
    now and wanna.zip ‏8 KB
    Photo D.zip ‏70 KB

  • How to separate content area from the image area in cs6

    how to separate content area from the image area in cs6? looks just fine in design view but when opened up in explorer my text /content area is over the image area. the content is suppose to be below the image not over it. How do I move it down? Everything I have tried has not worked ;(

    Is your image in the CSS (background) or the HTML (foreground)? 
    Try copying and pasting this code into a new, blank document.  Change placehold.it images to your own.  Save and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 with CSS 2-Col Layout</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
    /**CSS Reset**/
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    img {
        width: 100%;
        vertical-align: baseline;
    /**Layout**/
    body {
        padding: 0;
        width: 90%; /**adjust width in px or % as desired**/
        margin: 0 auto; /**this is centered**/
        background: #CFF;
        color: #505050;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: 100%;
        box-shadow: 2px 2px 4px #333;
    header {
        margin: 0;
        padding: 0 1%;
        width: 100%;
        background: #B00202;
        color: #FFF;
    /**top menu**/
    nav {
        background: #EAEAEA;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold
    nav ul {
        margin: 0;
        padding: 0;
    nav li {
        list-style: none;
        display: inline-block;
        margin: 0 3% 0 5%;
    /**menu link styles**/
    nav li a {
        color: #666;
        text-decoration: none;
        line-height: 2.5em;
        padding: 6px;
        border: 1px solid #CCC;
    /**on select or mouseover**/
    nav li a:hover, nav li a:active, nav li a:focus {
        background: #CCC;
        color: #505050;
    #wrapper {
        background: #EAEAEA;
        overflow: hidden; /**float contaiment**/
    /**main content**/
    article {
        padding: 0 2%;
        background: #FFF;
        float: left;
        width: 70%;
    figure {
        width: 80%;
        margin: 4% auto 4% auto;
        text-align: center;
    /**right sidebar**/
    aside {
        padding: 0 2%;
        float: left;
        width: 30%;
    footer {
        clear: both;
        background: #B00202;
        color: #FFF;
        text-align: center;
        margin: 0;
    /**typography**/
    header h1, header h2 {
        display: inline;
        color: #F5DD83;
        padding: 0 1%;
    h3 {
        color: #2294AE;
        margin-bottom: 0
    p { margin: 0 0 1em 0 }
    figcaption {
        text-align: center;
        font-style: oblique;
        font-size: small;
        color: #2294AE;
    </style>
    </head>
    <body>
    <!--begin header-->
    <header> <h1>Sitename</h1>
    <h2>|  Responsive CSS Layout</h2>
    </header>
    <!--begin navigation-->
    <nav>
    <ul>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    <li><a href="#">Menu Item1</a></li>
    </ul>
    </nav>
    <div id="wrapper">
    <!--begin main content-->
    <img class="banner" src="http://placehold.it/1056x100/198EBA/FFFFFF&text=Banner.jpg" alt="banner" />
    <article> <h3>Article</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    <figure> <img src="http://placehold.it/500x325" alt="placeholder">
    <figcaption>Figure 2 Caption</figcaption>
    </figure>
    </article>
    <!--begin right sidebar-->
    <aside> <h3>Aside</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
    <hr>
    <p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    <hr>
    <p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </aside>
    <!--end wrapper--></div>
    <!--begin footer-->
    <footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
    </body>
    </html>
    Nancy O.

  • Allow the "Select a Color" eyedropper to select from the image.

    For example: you want to enhance the sky with blue...  it takes several attempts to get a natural oxygen blue from the rainbow box.  The ability to select that color direct from the image would give quicker and more accurate results.

    Ian Lyons wrote:
    Feature already exists.
    Open the Adjustment Brush colour palette, click down anywhere on the palette while holding down the Alt/Option key, now while still holding down the Alt/Option key move the eyedropper to the image and click the spot you want to sample from.
    At least for me on Windows, you don't need to hold down a key.  Just click-and-drag.

  • How do I change the image used on an movie project icon? iMovie seems to select an image at random from the images I imported.

    How do I change the image used on an movie project icon?
    iMovie seems to select an image at random from the images I imported.

    Not sure I understand how to use what you have posted. Here's what my init() looks like:
    public void init()
    setLayout(new BorderLayout());
    p=new Panel();
    p.setLayout(new GridLayout(1,1));
    callnowButtonURL = getURL(callnowButtonFilename);
    if (callnowButtonURL != null)
    callIcon = new ImageIcon(callnowButtonURL,"call");
    endcallButtonURL = getURL(endcallButtonFilename);
    if (endcallButtonURL != null)
    endIcon = new ImageIcon(endcallButtonURL);
    b=new JButton(callIcon);
    b.setBorder(new EmptyBorder(0,0,0,0));
    b.setBorderPainted(false);
    b.addActionListener(this);
    p.add(b);
    add(p,"Center");
    Now the ActionListener is basically:
    public void actionPerformed(ActionEvent e)
    if (mybool == false)
    <Perform actions here set mybool to true>
    Change JButton b to use EndIcon
    else
    <Perform actions here set mybool to false>
    Change JButton b to use CallIcon
    Can you clarify how to perform the action I require? You can have a couple of Dukes if you can help me sort this out.

  • How to start the Toshiba Ghost image files from the HDD

    Hello
    Ok this is a tough one but hopefully some tech/wizz can help me out.
    I have all the necessary CD Recovery disc but my Toshiba laptop CDRom has died and i'm looking for replacement at the moment.
    I have managed to copy the image files and all the other info from these CD's onto the laptop hard drive via a network from my desktop cdrom. I did try to use the desktop cdrom to boot the 2.5" laptop drive but it knew it wasnt a toshiba laptop so wouldn't let me recovery.
    However now I have manage to copy all the ghost image files onto the laptop hdd I'm stuck on how to run installation via dos.
    The laptop hdd is formatted and all i have are the following files
    span.bmp
    setenv.bat --------> batch file contains following lines
    @ECHO OFF
    SET GHOSTPAR=
    SET SWN=01237000
    SET EXT=GHO
    SET VOLLABEL=%SWN%
    SET FILENAME=%SWN%.%EXT%
    01237001.GHS------> PART 2 OF IMAGE
    01237000.GHO -----> GHOST IMAGE MAIN
    01237000.CRC
    A folder called G_INST
    which contains 3 extra folders BMP, DOS and TOOLS and span.bmp
    I cant figure out how i can run ghost to extract and recovery my HDD can someone help me :)
    Thanks in advance
    Simon

    Im really skeptical if you will be start the Toshiba ghost image files from the second partition without using the Symantec Norton Ghost software.
    I have created a ghost image of the C partition and placed it on the D partition.
    To recover the C partition I have to start the Ghost Utility and have to use the image file .gho from D partition
    I have googled a little bit and found the useful instruction how to recover the Portege M3500 without using an CD/DVD drive. Maybe this will run also on the Sat A30.
    http://mobilepcwiki.com/mpc/index.php?title=Toshiba/Portege_M3500/FAQ
    By the way: the internal, compatible ODD can be ordered from the ASP in your country!

Maybe you are looking for