- This topic is empty.
April 1, 2013 at 11:16 pm #43833
I’m a newly graduated Graphic Designer, and I’ve been commissioned to design a mobile app for a startup company. I have created the ideal layout, and have coded it as a table in HTML (all inline), using the proper images and design look and feel they want. This is the basic frame image of the table, so you can see for yourselves:
The blue lines are Table borders and cells, and the magenta squares marked with X mean images within the cells.
Now, the table looks fine in my browser, but on a phone, it’s too big and won’t shrink to fit. I was hoping someone could help me find a way to make the whole table responsive to fit mobile screens? I just want it to automatically shrink to fit the screen , without moving cells around.
I’m still learning and would greatly appreciate the help!
SapphyApril 2, 2013 at 12:00 am #130304April 2, 2013 at 12:20 am #130377TheDocMember
Instead of using fixed widths, you should be using percentage widths.
Having said that, why are you going this route? If you’re just designing the app, why don’t you simply provide the client with a mockup?April 2, 2013 at 1:15 am #130380AlenParticipant
What was the agreement? Are you designing/developing the mobile app? or just designing the look/feel? When you say mobile app do you mean web app (browser) or native app (iOS, Android, etc)?
You should not be using tables for layout. Here’s a great [intro to CSS layouts](http://learnlayout.com/).
If you are interested in Responsive Web Design and you want your site to work across different devices you need to learn [CSS Media Queries](http://learn.shayhowe.com/advanced-html-css/responsive-web-design)April 3, 2013 at 3:39 pm #130560
Thanks for all the advice guys :). I was able to fix it using percentages.
The reason why it’s in tables is because it’s a bingo game, and it’s easier to lay it out that way.
I appreciate the help! Thanks again!April 3, 2013 at 5:03 pm #130568Hectorsito20Participant
Thats really nice, im New but i love web design, i love to share with people that believe in this.. Sorry about my english is no Good im Dominican Spanish!, Good Job **Sapphire**
- The forum ‘CSS’ is closed to new topics and replies.