[WSG] First Post - Help with Graphic on Home Page
Hello Everyone: This is my first post to this list and I do hope it is not off topic. I am creating a web site and am working on the home page (fairly new web designer, too). Normally, I make the page small so it can be seen by older monitors but this time I wanted to see if I could have it fill the entire page, no matter which monitor it was being viewed on. I am hitting two problems. 1 - I can't get the blended image at the bottom of the large horizontal graphic at the top to slide right over to jut up against the left column. 2 - Even though I have selected 100% for the size of the table, there is still white space above the horizontal graphic and to the left of the vertical graphic. My cell padding and spacing are already set to zero. I put the page on another site of mine so you can see it - http://www.fourpawstrail.com/newsite/index.html Can anyone help? T * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] First Post - Help with Graphic on Home Page
I'm not clear to what your problem is from the email? You have 3 graphics (at least the only three that are showing up in FFox + IE6). One is a solid purple column, one is a city and is horizontal, and the other is a purple to white blender for the city bottom edge. In FFox and IE, your blender image does slide up against the vertical purple image. In FFox and IE, there is no whitespace separating either the horizontal or verical cells from the edge of the browser window. A shot of your site with the cells outlined from Firefox: http://www.theward.net/screenshot.gif I always design for an 800x600 resolution, which last I saw was the mid-line standard for the majority of users' screen resolutions, although I'd figure with technology advancing its probably a safe bet to design for 1024x768 as well. HTH. Cheers -Ryan YoYoEtc wrote: Hello Everyone: This is my first post to this list and I do hope it is not off topic. I am creating a web site and am working on the home page (fairly new web designer, too). Normally, I make the page small so it can be seen by older monitors but this time I wanted to see if I could have it fill the entire page, no matter which monitor it was being viewed on. I am hitting two problems. 1 - I can't get the blended image at the bottom of the large horizontal graphic at the top to slide right over to jut up against the left column. 2 - Even though I have selected 100% for the size of the table, there is still white space above the horizontal graphic and to the left of the vertical graphic. My cell padding and spacing are already set to zero. I put the page on another site of mine so you can see it - http://www.fourpawstrail.com/newsite/index.html Can anyone help? T * 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 *
Re: [WSG] First Post - Help with Graphic on Home Page
Yes, I found out what was wrong. I didn't know you had to put the width and height in the cell tag as well as in the img src tag :) 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 When you design for, say, 800x600, do you have to put that in the body anywhere? At 06:47 PM 5/5/2004, Ryan Christie wrote: I'm not clear to what your problem is from the email? You have 3 graphics (at least the only three that are showing up in FFox + IE6). One is a solid purple column, one is a city and is horizontal, and the other is a purple to white blender for the city bottom edge. In FFox and IE, your blender image does slide up against the vertical purple image. In FFox and IE, there is no whitespace separating either the horizontal or verical cells from the edge of the browser window. A shot of your site with the cells outlined from Firefox: http://www.theward.net/screenshot.gif I always design for an 800x600 resolution, which last I saw was the mid-line standard for the majority of users' screen resolutions, although I'd figure with technology advancing its probably a safe bet to design for 1024x768 as well. HTH. Cheers -Ryan YoYoEtc wrote: Hello Everyone: This is my first post to this list and I do hope it is not off topic. I am creating a web site and am working on the home page (fairly new web designer, too). Normally, I make the page small so it can be seen by older monitors but this time I wanted to see if I could have it fill the entire page, no matter which monitor it was being viewed on. I am hitting two problems. 1 - I can't get the blended image at the bottom of the large horizontal graphic at the top to slide right over to jut up against the left column. 2 - Even though I have selected 100% for the size of the table, there is still white space above the horizontal graphic and to the left of the vertical graphic. My cell padding and spacing are already set to zero. I put the page on another site of mine so you can see it - http://www.fourpawstrail.com/newsite/index.html Can anyone help? T * 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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] First Post - Help with Graphic on Home Page
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 widthheight 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 *
Re: [WSG] First Post - Help with Graphic on Home Page
Thank you for all the good tips!! I am a relative beginner but I love it!! I am just learning CSS, too. 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 widthheight 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 *
