At 08:31 PM 5/5/2004, Ryan Christie wrote:
Re designing for 800x 600 or 1024x768, I think I will do that. From what I am reading, stretching the city horizontal graphic will degrade the quality and I can't take that risk
Yes, stretching out the image manually by forcing width&height properties on the tag itself with distort and pixelize it. Never use false height and width values to shrink or expand an image. Use Photoshop, PaintShopPro, or [insert your favorite graphic editing software here] to alter the image's actual size.
Nothing screams amateur more than a 2.5MB JPEG whose actual dimensions are 1800x1600, with it set to display at 320x240 size. If the publisher actually took the time to shrink the image, it would look better and be vastly smaller. I don't have any spcific examples off the top of my head, but I'm sure everyone has run into this on more than one occasion and rolled their eyes into the back of their head.
When you design for, say, 800x600, do you have to put that in the body anywhere?
When I was using tables to lay stuff out, I always drew out the cells on a piece of paper and figured out the widths of each cell in pixel units, never exceeding 800px on the widths. I still do the same with CSS but use divs instead of cells.
Don't bother setting width to your table tag. Leave it blank. The table will expand to fit the cells placed inside of it. Take care with your table cells; simply limit yourself to 800px in added width (eg., an 800px header cell, a 200px left cell, 600px right cell, 800px bottom footer space).
You won't have to declare the resolution you aim for like you would declare your DOCTYPE at the top of the page or the character set in the metas. The limitations apply to the rules you set for yourself. So if you go over 800 pixels in width, slap yourself around a few times and then come back and try again :)
If I made mistakes there, I apologize. I haven't used tables to lay out websites for ages now. I find tabular data tables look just fine sizing themselves with a couple pointers in text alignment and some minor styling.
-Ryan ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
