Greetings,
I am creating a web-app for use on smartphones and tablets that supports both portrait and landcape orientation. I am having issues with images and how they are displayed in the various devices and orientations. Specifically, the index.html page has five image buttons that are used to navigate to different pages. I hasve tried numerous auto-re-size combinations but cannot get any one combination to support all devices and orientations. I would like the buttons on the tablet view to be larger than they are when displyed on a smartphone.
Additionally, I have an image logo in the navbar. I can get it to completely scale to cover the entire navbar for each device and orientation but I would prefer if it just stayed at the same size as portrait iPhone BUT was centered in every other device/orientation.
My zip file is 1.6MB (due to images). I can e-mail it to anyone who can assist.
The current draft of the prototype is: http://www.icfhcs.com/mobile/afms/pv1/
Thanks one and all for any assistance.