Results 1 to 3 of 3

Thread: Why are some of my images coming out upside down and sideways?

  1. #1
    Join Date
    Oct 2013

    Why are some of my images coming out upside down and sideways?

    I have been working on redesigning my website/store. Some of the images are turning out upside down or sideways. The ones that are have been taken with an iphone camera, but there are others that are staying the way they are supposed to. On my screen when I add them to the page, they are all upright. When I uploaded them to my server they were all upright, but now they aren't...Also, when I view the pages on my phone, the images are coming out upside down or sideways does anyone have any ideas?

    My website is: http://www.teafaerie.com

    is a good example. The first one shown, if I view it from my iphone, it is sideways. If I click that picture it is sideways whether on the pc or on the phone. BUT, it is right side up on my personal pc that I worked from was right side up when I uploaded it. The pictures are all in .jpg formats.

    Thank you for your help

  2. #2
    Join Date
    May 2005
    Gold Coast (MS)
    You MUST use a document type.

    Might help:

    Mobile Website:

    Learn the Mobile Web: http://learnthemobileweb.com/2009/07/mobile-meta-tags/
    10 Ways the Mobile Web is Different: http://www.elated.com/articles/10-wa...-is-different/
    Redesigning a Site For Mobile: What's Involved?: http://www.elated.com/articles/redes...hats-involved/
    How to Validate and Test for the Mobile Web: http://designfestival.com/how-to-val...&utm_term=More

    W3C mobileOK Checker: http://validator.w3.org/mobile/

    It’s Not Responsive Web Building, It’s Responsive Web Design: http://www.getfinch.com/finch/entry/...ve-web-design/
    Beginner’s Guide to Responsive Web Design: http://thinkvitamin.com/design/begin...ve-web-design/

    HTML Errors: http://validator.w3.org/check?verbos...afaerie.com%2F
    Last edited by Major Payne; 10-18-2013 at 10:07 AM.

  3. #3
    Join Date
    Aug 2004
    Some devices read the image file metadata that might include the the camera's relative position when the photo was taken, and adjust the view accordingly. You may need to open the image files up in an image editor (e.g. GIMP) and rotate the image if necessary and re-save it before uploading.
    "Well done....Consciousness to sarcasm in five seconds!" ~ Terry Pratchett, Night Watch

    How to Ask Questions the Smart Way (not affiliated with this site, but well worth reading)

    My Blog
    cwrBlog: simple, no-database PHP blogging framework

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center