Image Resolution ?
I have designed my web site using 1024 x 678 after researching and learning it's the most used screen res.
My images fit perfectly in this res ...
Problem is when i view my website in say 1280 x 1024 the images shrink and leave it looking a bit empty as there is to much space around my images.
Is there a simple way to make the images resize perfectly with different res's so they appears exactly as it does in 1024 x 678 ?
Thank you
Deb's
webwiz posted this at 00:59 — 19th December 2007.
He has: 629 posts
Joined: May 2007
Well, yes, there are many ways of getting web pages to fit on today's highly variable width displays. Perhaps the easiest is to use a percentage sized width, constrained to your design limitations by using min-width and max-width. Or google for "fluid or liquid css design layouts".
With millions using iPhones and Blackberrys to surf the 'Net these days, 1024 pixels may be a tad too large.
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
caffinephil posted this at 10:22 — 15th February 2008.
They have: 99 posts
Joined: Feb 2008
How much work goes into a fluiq/liquid design? Is it a simple process or does the working out of images sizes take up time? I'm playing with the idea of just creating a centered site, would this be classed as poor design?
demonhale posted this at 05:33 — 16th February 2008.
He has: 3,278 posts
Joined: May 2005
Design is subjective... However I agree on using some percentage adjustments for your images, or the safest bet would be to use thumbnails. But to get the desired blow-up, blow-down of images, you can use percentage values.
@webwiz, on the last note, it's not about designing on a hig-res setting to get someone to use the site on a mobile device, there is always the alternate stylesheet solution. You can assign a specific stylesheet for mobile devices, that's why css and semantic markup is so useful in this aspect.
@phil, depending on your experience making such layouts, it is rather simple, what takes time is to perfect the little details. Design as I've said is subjective, making your site centered with fixed width is your own discretion, a well-designed site is much of a visual treat as much as what's underneath the skin (html and css)... imo.
webwiz posted this at 04:48 — 17th February 2008.
He has: 629 posts
Joined: May 2007
@caffinephil: Here is an article that covers hybrid liquid / elastic design techniques you may find useful: The Incredible EM and Elastic Layouts.
caffinephil posted this at 11:58 — 18th February 2008.
They have: 99 posts
Joined: Feb 2008
Thanks webwiz, just got myself a caffine fix to sit down and have a read. If I get confused i'll be back.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.