Header Pic

[CPC900]

I need to have my header pic resize so it fits in a smaller resolution monitor. ie. it gets cut off at the end. I believe I need to put something in the .css file so it changes it size as needed?!

[Kyle]

I need to have my header pic resize so it fits in a smaller resolution monitor. ie. it gets cut off at the end. I believe I need to put something in the .css file so it changes it size as needed?!

You might, depends on what skin you are using.

in the css, look for the header part for it.

[CPC900]

Yes, I know .....but what code would I put in the .css file to make the image resize automatically. I am at work, so I can't foraward the code I am using right now.

[Jeff]

you might want to try this External Link

[CPC900]

No, see......I start to read some of that and it confuses me more. In my .css file, where the image is, it has:

td.horizontal_center {

background-color: #FFFFFF;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #FFFFFF;

border-right-color: #FFFFFF;

border-bottom-color: #FFFFFF;

border-left-color: #FFFFFF;

height: 155px;

display: table-cell;

vertical-align: top;

background-image: url(images_template1/topbanner2.jpg);

background-repeat: no-repeat;

background-position: bottom left;

}

I have NO idea how to add a auto resize type attribute?! Can anyone help me out with this?!

[Jeff]

I'm not sure. I changed the resolution of my monitor from 1680 to 1024 and your header looks fine. It seems to be centering itself perfectly.

Without knowing exactly what your .css looks like, what you can try is adding

width:100%;

or something like that. Other than that, I just don't know.

[CPC900]

Yeah, it is fine in bigger resolutions. But the right side gets cut off in smaller resolutions. Apparently people still use 1024 and 1280 widths!

[Jeff]

That's what I said in last post. I use 1680 (highest I can go) I reset it to 1024 and looked at your site and it looked fine. That was with Firefox, I didn't check it in IE.

[CPC900]

It cuts off the end of the picture! On either firefox or IE. It may look fine to you, but it should show "We're out to be your airline" on the right side. Kind of obvious, I thought. But good that you didn't notice, I guess.

[Nabeel]

There's no way to really fix this without a fluid layout and sizing the header itself to fit. Maybe add an overflow property

[CPC900]

I have no idea what that means I will just change the pic itself to fit all. Not a giant deal really. I just find there are so many resources out there to find out how do do things, but then, they are not so easy to understand how to get them to work easily with phpvms sometimes. I am just happy I can get phpvms working for my site and appreciate all the amazing work of people on here!!!