www.webdeveloper.com
Results 1 to 3 of 3

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

Hybrid View

  1. #1
    Join Date
    Oct 2013
    Posts
    1

    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

    http://www.teafaerie.com/keychains.html
    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
    Location
    Gold Coast (MS)
    Posts
    2,198
    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 09:07 AM.

  3. #3
    Join Date
    Aug 2004
    Location
    Ankh-Morpork
    Posts
    18,922
    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.
    "Please give us a simple answer, so that we don't have to think, because if we think, we might find answers that don't fit the way we want the world to be."
    ~ Terry Pratchett in Nation

    eBookworm.us

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



Recent Articles