Problem with header image

[Cammo]

Hi Guys,

A collegue of mine is having problems with his header image at http://portraitstogo.smugmug.com

The css for his header is #my_header img {height: 200px;width: 750px;background:url(http://portraitstogo.smugmug.com/photos/93998898-O.jpg);}

However the header image is tiling - anyone help?

Cheers

[J Allen]

Hi Guys,

A collegue of mine is having problems with his header image at http://portraitstogo.smugmug.com

The css for his header is #my_header img {height: 200px;width: 750px;background:url(http://portraitstogo.smugmug.com/photos/93998898-O.jpg);}
However the header image is tiling - anyone help?

Cheers


Change your rule to this:



#my_header
{width: 600px;
height: 150px;
margin: 0 auto;
background: url(/photos/93998898-O.jpg) no-repeat;}

[Cammo]

Change your rule to this:



#my_header
{width: 600px;
height: 150px;
margin: 0 auto;
background: url(/photos/93998898-O.jpg) no-repeat;}



Thanks for that however it is still playing up. The original header image is 750px x 200px and I want it to appear in the header at that size. I tried altering the css to 750px and 200px but that didn't work. Have a look at http://portraitstogo.smugmug.com now and see what your code has done - any ideas?

Thanks!

[denisegoldberg]

Thanks for that however it is still playing up. The original header image is 750px x 200px and I want it to appear in the header at that size. I tried altering the css to 750px and 200px but that didn't work.
The image referenced by your banner css at http://portraitstogo.smugmug.com/photos/93998898-O.jpg is 600x160, not 160x150. If you change your CSS to reflect the actual size it will not get cut off. If you want a larger image you will need to upload a new one since you are already accessing the original.


#my_header
{width: 600px;
height: 160px;
margin: 0 auto;
background: url(/photos/93998898-O.jpg) no-repeat;}
--- Denise

[Cammo]

The image referenced by your banner css at http://portraitstogo.smugmug.com/photos/93998898-O.jpg is 600x160, not 160x150. If you change your CSS to reflect the actual size it will not get cut off. If you want a larger image you will need to upload a new one since you are already accessing the original.


#my_header
{width: 600px;
height: 160px;
margin: 0 auto;
background: url(/photos/93998898-O.jpg) no-repeat;}
--- Denise

It's all sorted now, somehow he had turned off "Show Originals" and it was only showing the medium size image. Thanks for your help!

Cam