auto sizing the logo

[itfitz]

Hi:

 

I want my logo to auto size at the top of the screen. On my screen it looks great at 1280 by 1040, but on my wifes machine @ 800 by 600 she has to scroll to get it to see it all. do I need to make it smaller so that she has it spread out and I have white on either side, or what do I do. The website is www.keywestwholesale.com.

 

thanks,

shawn

[itfitz]

anyone?

[draxion]

Here's what I would do... I'd make it smaller to fit the 800 x 600 and then create a background with 1 pixel width of the background of your logo. Insert the new small logo in a table and set the background with the new 1px background you just created. When you enlarge it say to 1280 x 1040, the background (which looks like the edge of your logo) fills in the blank areas and your logo stays in the middle.

 

Hope I've explained myself clearly. If not, let me know and I can try again.

 

Shayne

[itfitz]

Here's what I would do... I'd make it smaller to fit the 800 x 600 and then create a background with 1 pixel width of the background of your logo. Insert the new small logo in a table and set the background with the new 1px background you just created. When you enlarge it say to 1280 x 1040, the background (which looks like the edge of your logo) fills in the blank areas and your logo stays in the middle.

 

Hope I've explained myself clearly. If not, let me know and I can try again.

 

Shayne

 

Create a transparent 1 pixel image? And if you look now, I have put the smaller image back up. i know that in HTML you can use percentages and it will automatically stretch the image as needed.

[itfitz]

Create a transparent 1 pixel image? And if you look now, I have put the smaller image back up. i know that in HTML you can use percentages and it will automatically stretch the image as needed.

Ok, I figured out an easy way to do it. I changed the code to look like this for that part of the image:

 

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

<tr class="header">

<?php echo '<IMG SRC="http://keywestwholesale.com/osCommerce/catalog/images/keywestlogo.jpg" width=100% height=20%</a>'; ?></td>

 

 

Good ol' old school HTML

[draxion]

I wondered about the percentage setting... didn't know it would work on images.

Anyways, I got curious about this... so I googled. I found a neat little java script that will detect the the user's resolution and set the image size.

 

http://javascript.internet.com/user-detail...tion-image.html

[draxion]

Here's a problem... I can't see your image using IE. I see in it in the source, but not on my screen.

[itfitz]

Here's a problem... I can't see your image using IE. I see in it in the source, but not on my screen.

 

really, it works great with firefox. I'll check it out.

[itfitz]

really, it works great with firefox. I'll check it out.

 

Why wouldnt it work in IE? Firefox and Netscape work fine. Why are things so difficult?

[draxion]

no idea??? Browser compatibility issues... such a pain.

[draxion]

here's more info with using DIV tags. He's got a couple good examples.

 

http://css-discuss.incutio.com/?page=UsingPercent

 

good luck!

[itfitz]

here's more info with using DIV tags. He's got a couple good examples.

 

http://css-discuss.incutio.com/?page=UsingPercent

 

good luck!

I got it fixed, well close enough. Piss on it at this stage. It shouldnt be this difficult. It looks great at 800X600 and 1024X768, it just kind of crop on the ends at 1280@1024, but how many people are actually at 1280X1024 besides us technojunkies?

 

thanks for your help