Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

header resize


Guest

Recommended Posts

I have created a new header/banner for the shop I created it in fireworks and exported it as jpg for better quality into my catalog images folder once i did that i then edited the code in the header file to point to the new image rather than the oscommerce.gif, the problem is is that it does not resize with the rest of the site I know i have missed something but can you help me out on this ta.

 

http://www.friendsofblackpool.com/catalog

Link to comment
Share on other sites

I found this script at expert exchange but when i put it in the header file it just made my site unavailble any one have any help

 

<script LANGUAGE="JavaScript">

<!--

 

// Check for 640x480

if (screen.height == '480')

location.replace('480.html')

 

// Check for 800x600

else if (screen.height == '600')

location.replace('600.html')

 

// Check for 1024x768

else if (screen.height == '768')

location.replace('768.html')

 

// Check for 1280x1024

else if (screen.height == '1024')

location.replace('1024.html')

 

// Everything else

else

location.replace('else.html')

//-->

</SCRIPT>

Link to comment
Share on other sites

I have created a new header/banner for the shop  I created it in fireworks and exported it as jpg for better quality into my catalog images folder  once i did that i then edited the code in the header file to point to the new image rather than the oscommerce.gif,  the problem is is that it does not resize with the rest of the site I know i have missed something but can you help me out on this ta.

 

http://www.friendsofblackpool.com/catalog

By "resize" I assume you mean going from one screen resolution to another? If the image is made at a certain width, say 1100, then that is what will display unless you limit it with a width statement. In which case it probably won't look right, not to mention the bandwidth it would waste. If you want to have an image that is not repeatable, then you have to make it as small as the smallest resolution you want to display (usually 800), not the other way around. That means you have to limit your page width to 800.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

All of My Addons

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

  • 3 weeks later...
Hey icemonkey, can you share your solution please?

cheers

kim

 

 

This is all i did and it seems to work fine aorund line 53

 

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<!--DWLayoutTable-->

<tr class="header">

<td width="100%" height="100%" valign="bottom"><img src="includes/header.jpg" width="100%" height="150" border="0"></td>

</tr>

</table>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...