bullseye09 Posted March 2, 2007 Share Posted March 2, 2007 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 More sharing options...
jonquil Posted March 2, 2007 Share Posted March 2, 2007 Website URL? jon It's all just ones and zeros.... Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 Website URL? jon It's in my signiture. My site: Medieval Swords Link to comment Share on other sites More sharing options...
jonquil Posted March 2, 2007 Share Posted March 2, 2007 Oh like Duh... Lemme go take a look :) jon :blush: It's all just ones and zeros.... Link to comment Share on other sites More sharing options...
jonquil Posted March 2, 2007 Share Posted March 2, 2007 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 :) jon edit #3 It's all just ones and zeros.... Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 Let me know if you don't understand what I'm trying to do. I'm not sure if my question was completely clear because I wasn't exactly sure how to ask it. My site: Medieval Swords Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 Thanks! I'll give that a try. My site: Medieval Swords Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 How do you add a border to the header? My site: Medieval Swords Link to comment Share on other sites More sharing options...
jonquil Posted March 2, 2007 Share Posted March 2, 2007 http://www.oscommerce.info/kb/osCommerce/C...n_and_Layout/54 "TR.header (means table row.header and is a general setting for the whole table) The style used for the background color of the header." border: 1px solid #FF0000; background: #00000; jon :) It's all just ones and zeros.... Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 hmm, I made the change to add in the border but it didn't seem to do anything. My site: Medieval Swords Link to comment Share on other sites More sharing options...
jonquil Posted March 2, 2007 Share Posted March 2, 2007 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 :) jon It's all just ones and zeros.... Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 I tried TR.header { background: #000000; border-color: #FF0000; border-style: solid; border-width: 1px; } but that didn't seem to add the border either. My site: Medieval Swords Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 I gave up trying to use css and went straight to the header file and was able to add a border there. My site: Medieval Swords Link to comment Share on other sites More sharing options...
bullseye09 Posted March 2, 2007 Author Share Posted March 2, 2007 I've got my header looking good! Thanks for the help Jon! My site: Medieval Swords Link to comment Share on other sites More sharing options...
jonquil Posted March 2, 2007 Share Posted March 2, 2007 That was going to be my next suggestion but it's good you went that extra step to try another solution. jon It's all just ones and zeros.... Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.