Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Can't Set Header Dimensions 100%

Can't Set Header Dimensions 100%

Views: 589

Results 1 to 5 of 5
3 Jun 2011, 5:30 PM
#1
corry avatar

corry

New Zenner

Join Date:
May 2011
Posts:
12
Plugin Contributions:
0

Can't Set Header Dimensions 100%

Hi guys, whenever I try to set the width and height of my header image to 100% it seems to change my category images. How do I stop this? Thanks

My site is dirty-london [dot] com

3 Jun 2011, 5:50 PM
#2
kobra avatar

kobra

Black Belt

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

Re: Can't Set Header Dimensions 100%

not sure what your issue is??

I might be that you need to change the image that is currently
1,903px × 289px

Being that wide might be at issue

3 Jun 2011, 6:02 PM
#3
corry avatar

corry

New Zenner

Join Date:
May 2011
Posts:
12
Plugin Contributions:
0

Re: Can't Set Header Dimensions 100%

Hi, Yeah, that's the size i'm using for it to look normal on my screen but i've just been trying to alter my site so it looks the same for users with smaller screens.
Whenever I set the header image to height 100% and width 100% (which should make it look normal on all screens), it makes my category's disappear. For some reason, the size of my category images are linked to the size of my header and I don't know why. It's something to do with 'a img{' which is line 20 of my stylesheet.

3 Jun 2011, 9:02 PM
#4
corry avatar

corry

New Zenner

Join Date:
May 2011
Posts:
12
Plugin Contributions:
0

Re: Can't Set Header Dimensions 100%

Anyone? :smile:

3 Jun 2011, 10:26 PM
#5
kobra avatar

kobra

Black Belt

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

Re: Can't Set Header Dimensions 100%

Whenever I set the header image to height 100% and width 100% (which should make it look normal on all screens
Zencart does not resize this - - it is the size of the native image

I sugest you break this into 3 images

the crest as your logo.xxx file using default code to place the logo and a transparent gif or png
the name as a seperate file image and use the tagline div that exists

The background patern as a tile that repeats in the x parameter
Also a transparent file

Not sure wwhat size a repeating tile will end up but it will be alot smaller than what you currently have

The tile is attached in the css as a background and most likely to the #headerWrapper div ID