Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to make a logo wrapper of 100%

How to make a logo wrapper of 100%

Views: 822

Results 1 to 6 of 6
13 Jan 2011, 5:28 PM
#1
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

How to make a logo wrapper of 100%

Hi Everyone,

I have a main page image whose size is 1427 x 190.
I would like this image to fit to 100% of the width of all visitors screen resolution.

Is there a way to do that?

Thank you all in advance!

p r o v e n c e d e c o r a t i o n . c o m

13 Jan 2011, 6:54 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to make a logo wrapper of 100%

I would like this image to fit to 100% of the width of all visitors screen resolution.
Basically, NO

viewers that use 1024 will have to scroll right & left to see all the image

13 Jan 2011, 7:42 PM
#3
oredayo avatar

oredayo

New Zenner

Join Date:
Oct 2010
Posts:
61
Plugin Contributions:
0

Re: How to make a logo wrapper of 100%

That's incredible, not?
Does somebody confirm that?

No solution to fit the main page top image to the screen definition?

13 Jan 2011, 8:03 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How to make a logo wrapper of 100%

You might be able to do it using some custom javascript. If so, you should be able to find info on the process by googling on js code sites.

But think about what you really want. Does the image want to stay the same height? If so, the letters or images on it would get distorted as the header gets wider or narrower. If you want the image to stay proportional, it will get taller or shorter depending on window size while the rest of the page stays the same scale.
You might look at the CSS "sliding doors" technique for getting a header that fits a fluid width.

13 Jan 2011, 8:04 PM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to make a logo wrapper of 100%

Not with a static image of 1427 x 190

One can create a tile and repeat it

13 Jan 2011, 11:30 PM
#6
416905com avatar

416905com

New Zenner

Join Date:
Jan 2011
Posts:
2
Plugin Contributions:
0

Re: How to make a logo wrapper of 100%

Hi there Everyone,
nice to meet you, This is my first time with zen cart, neat!

my question:
I tried to change the logo on the default Zen-Cart site/template,
i followed the instructions but its not updating on the server.

Is this because of Zen Carts folder permissions, or did I miss something?