I have a banner measuring 800 pixels wide. On 800 x 600 resolution then it is fine. However, I wish to make the banner fill the width of a 1024x768 resolution too.<br />
<br />
However, if I use a table width=100% the banner fills the resolution but the banner's text and pattern look distorted and elongated. Is there a way I can make the banner fill both resolutions but on the 1024x768 without looking stretched ?<br />
<br />
The banner is here (without the 100% width table).<br />
<br />
Banner here (<!-- m --><a class="postlink" href="http://www.muggallery.com/mugtest.html">http://www.muggallery.com/mugtest.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->the problem here is one of proportionality in the image. You can't just stretch an image width-ways and maintain the original content.<br />
<br />
To overcome this you will have to use some kind of client side script to determine the user's resolution, and have your page output react to that information. <br />
I am sure that if you search through the Client Side Forum you will find a few threads about this.<!--content-->I have tried to work out a resizing table, but I am unable to get the left resizing section to grow from the left instead of the right. <br />
<br />
Is there any possible way to get the resizing section to work in the opposite way ?<br />
<br />
new banner here (<!-- m --><a class="postlink" href="http://www.muggallery.com/mugtest2.html">http://www.muggallery.com/mugtest2.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->To overcome this you will have to use some kind of client side script to determine the user's resolution, and have your page output react to that information. <br />
I am sure that if you search through the Client Side Forum you will find a few threads about this.<!--content-->Also if I'm not mistaken, doesn't the image need to be 750 pix wide for 800x600 resolution?<br />
<br />
You need to create your image so part of it's background and the other part is fixed. Or, you could make the words "mug gallery" on a different image that's a gif with a transparent background and put it over the background image. Then you can set up your image so it repeats correctly(buy cropping or something like that) and set the table's width to 100%.<br />
<br />
Kinda like what I did at <!-- w --><a class="postlink" href="http://www.joshmccrain.com/galleries.htm">www.joshmccrain.com/galleries.htm</a><!-- w --><!--content-->
<br />
However, if I use a table width=100% the banner fills the resolution but the banner's text and pattern look distorted and elongated. Is there a way I can make the banner fill both resolutions but on the 1024x768 without looking stretched ?<br />
<br />
The banner is here (without the 100% width table).<br />
<br />
Banner here (<!-- m --><a class="postlink" href="http://www.muggallery.com/mugtest.html">http://www.muggallery.com/mugtest.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->the problem here is one of proportionality in the image. You can't just stretch an image width-ways and maintain the original content.<br />
<br />
To overcome this you will have to use some kind of client side script to determine the user's resolution, and have your page output react to that information. <br />
I am sure that if you search through the Client Side Forum you will find a few threads about this.<!--content-->I have tried to work out a resizing table, but I am unable to get the left resizing section to grow from the left instead of the right. <br />
<br />
Is there any possible way to get the resizing section to work in the opposite way ?<br />
<br />
new banner here (<!-- m --><a class="postlink" href="http://www.muggallery.com/mugtest2.html">http://www.muggallery.com/mugtest2.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->To overcome this you will have to use some kind of client side script to determine the user's resolution, and have your page output react to that information. <br />
I am sure that if you search through the Client Side Forum you will find a few threads about this.<!--content-->Also if I'm not mistaken, doesn't the image need to be 750 pix wide for 800x600 resolution?<br />
<br />
You need to create your image so part of it's background and the other part is fixed. Or, you could make the words "mug gallery" on a different image that's a gif with a transparent background and put it over the background image. Then you can set up your image so it repeats correctly(buy cropping or something like that) and set the table's width to 100%.<br />
<br />
Kinda like what I did at <!-- w --><a class="postlink" href="http://www.joshmccrain.com/galleries.htm">www.joshmccrain.com/galleries.htm</a><!-- w --><!--content-->