Our first CMSMS launch... take a look!
-
brdon
Re: Our first CMSMS launch... take a look!
Thanks Nullig - Following your advice I tried the -- height:1%; -- to no avail. Glad to hear that it is rendering OK for you. I'm not sure why it is not doing so on my notebook at the 1280 res... I'm going to keep tinkering... In the meantime, if anything occurs to you, I'd appreciate your thoughts. PS Your avatar is cool. Thanks again.
-
brdon
Re: Our first CMSMS launch... take a look!
Best to you as you discover all the functionality of CMSMS...
You are right... in the sense that best practices seem to avoid using tables (except for tabular data) as a design tool... in favor of CSS rules... So you may be able to move in that direction as you become more adept.
The first problem is that your header image is 950px... You can see how that will not render well in a resolution of 800px... You should drop that down to something a little less than 800px. (By the way, you do not have to put the header image in a table.)
In the meantime, another part of your problem is that each of the images that you have loaded into the table cells are 300px in width... which is too wide (at the lower resolution) for the available space on the pagewrapper which in your case is the default 80em. (Don't forget you also have to take into consideration the width of the left sidebar (which is 26%... plus 3% margin... plus another 2% margin on the right side of the div#main)
You are also right to design your site so that it renders well at a display resolution of 800px...
One way to approach the problem would be to cut your cell widths by cutting your image widths to 250px or less... until you get the desired effect.
I also believe that it is not necessary to make each table cell a link... but limit the links to the link text and the images if you wish... All that link code makes the html very unwieldy.
Welcome to CMSMS and good luck as you continue to develop your informative website. (Hopefully others more knowledgeable than I will also respond to your inquiry.)
PS (I use Firefox browser which has free web tools that are very helpful in resolving these kinds of problems.)
You are right... in the sense that best practices seem to avoid using tables (except for tabular data) as a design tool... in favor of CSS rules... So you may be able to move in that direction as you become more adept.
The first problem is that your header image is 950px... You can see how that will not render well in a resolution of 800px... You should drop that down to something a little less than 800px. (By the way, you do not have to put the header image in a table.)
In the meantime, another part of your problem is that each of the images that you have loaded into the table cells are 300px in width... which is too wide (at the lower resolution) for the available space on the pagewrapper which in your case is the default 80em. (Don't forget you also have to take into consideration the width of the left sidebar (which is 26%... plus 3% margin... plus another 2% margin on the right side of the div#main)
You are also right to design your site so that it renders well at a display resolution of 800px...
One way to approach the problem would be to cut your cell widths by cutting your image widths to 250px or less... until you get the desired effect.
I also believe that it is not necessary to make each table cell a link... but limit the links to the link text and the images if you wish... All that link code makes the html very unwieldy.
Welcome to CMSMS and good luck as you continue to develop your informative website. (Hopefully others more knowledgeable than I will also respond to your inquiry.)
PS (I use Firefox browser which has free web tools that are very helpful in resolving these kinds of problems.)
-
brdon
Re: Our first CMSMS launch... take a look!
Thanks, I took a look at your site too and found it very informative and attractive! Thanks!
