Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Header Image - How to adjust size


Recommended Posts

I want the image in my header to adjust to the same size as the rest of the store. I adjusted the image size to match it but after looking at it on different computers I realized that it doesn't adjust with the rest of the store when different resolutions are used. How do I set the image to have a variable width so that it will? I've looked all over and can't find how to do this.


Thanks for the help!

My site: Medieval Swords

Link to comment
Share on other sites

Okay, your logo is 1246 wide (and a 380 k BMP). In some browsers, it is auto-scaling down.


In order for it to align properly with the rest of your site, you can do the following:


1. In your stylesheet.css, apply a red border around the header table and

2. Fill the header table with black.


3. Crop your logo to 628 pixels wide (no black, no red). You should "Save for the Web" as a gif or jpg instead. Result? Fast-loading 20 k!


You already have the current logo in the td as follows but add the bold bit (104 is the height of your current image):


<td height="104" valign="middle" align="center">


This way everything will flex. Let me know how you get on :)




edit #3

It's all just ones and zeros....

Link to comment
Share on other sites

When something doesn't turn out right at first, look for something (in this case, your stylesheet.css) that's similar:


TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;



Apply the above format to:


TR.header {

border: 1px solid #FF0000;

background: #000000;



And rid yourself of the red top and bottom on your logo. It's redundant, as you will see :)



It's all just ones and zeros....

Link to comment
Share on other sites


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

  • Create New...