Hi Guys

I just uploaded a new banner.
How I get it to center on the page and be the right size?

TIA

Change this part of your CSS to this (fix height and width to match your banner and fix the margin):

#my_banner {
    width: 600px;
    height: 161px;
    margin: 5px auto;
    background: url(http://www.smugmug.com/photos/738740781_AeKa3-M.jpg) no-repeat;
}

Originally Posted by jfriend Change this part of your CSS to this (fix height and width to match your banner and fix the margin): #my_banner { width: 600px; height: 161px; margin: 5px auto; background: url(http://www.smugmug.com/photos/738740781_AeKa3-M.jpg) no-repeat; }

Your help is appreciated!

The image is 1138x306...

Should I use those actual dimensions so the image flows above the Drop Downs?

Originally Posted by BistiArt Your help is appreciated! The image is 1138x306... Should I use those actual dimensions so the image flows above the Drop Downs?

The size you linked to is the size I put in, not the size you mention. Your css must match the actual linked image size.

If your dropdowns are having issues then you need to adjust their css.

Originally Posted by jfriend The size you linked to is the size I put in, not the size you mention. Your css must match the actual linked image size. If your dropdowns are having issues then you need to adjust their css.

Thanks jfriend,

But i have the correct size in the CSS style sheet.

Unfortunately, I neither know how to:
1. get the banner the size it is on the Smugmug site
nor
2. center the banner
nor
3. remove the intervening blank black space between banner and drop downs

Here is the current guess work code:
#my_banner {
width: 1138px;
height: 306px;
margin: 0px auto;
margin-left:50px;
margin-top:5px;
background: url(http://www.smugmug.com/photos/738740781_AeKa3-M.jpg) no-repeat;
}

Look forward to your help...

Originally Posted by BistiArt Thanks jfriend, But i have the correct size in the CSS style sheet. Unfortunately, I neither know how to: 1. get the banner the size it is on the Smugmug site nor 2. center the banner nor 3. remove the intervening blank black space between banner and drop downs Here is the current guess work code: #my_banner { width: 1138px; height: 306px; margin: 0px auto; margin-left:50px; margin-top:5px; background: url(http://www.smugmug.com/photos/738740781_AeKa3-M.jpg) no-repeat; } Look forward to your help...

I am apparently not making myself clear.

See in your CSS where you have the link:

http://www.smugmug.com/photos/738740781_AeKa3-M.jpg

That is a link to the medium-sized image (see the -M at the end). That is NOT your original. That medium sized image that is showing in your page is 600 x 161.

If you want that image to be centered properly, then change your CSS to these dimensions. I gave you the EXACT CSS to make your image centered in my post #2. Not much else I can do here if you don't want to make that change.

Originally Posted by jfriend See in your CSS where you have the link: http://www.smugmug.com/photos/738740781_AeKa3-M.jpg That is a link to the medium-sized image (see the -M at the end). That is NOT your original. That medium sized image that is showing in your page is 600 x 161. If you want that image to be centered properly, then change your CSS to these dimensions. I gave you the EXACT CSS to make your image centered in my post #2

[FONT=&quot]jfriend,[/FONT]

[FONT=&quot]Sorry for the delayed response; a dear friend has been in the hospital for six weeks. In addition, I have not played with headers in several years. Consequently, I didn't find sufficient clarity in your first e-mail to lead me to today's conclusion.[/FONT]
[FONT=&quot]If I use midsize dimensions for the image, paste them exactly into my banners width and height, then I should have the header approximately centered with the right aspect ratio.[/FONT]
[FONT=&quot]That was the point I did not know.[/FONT]
[FONT=&quot]Its resolution provides me with an appropriate header![/FONT]

[FONT=&quot]I did know that I had an image of dimensions 1138x 306. Unfortunately, in searching for clarity, that image size pushed the banner to the upper left portion of the header space, giving it an unnatural look.[/FONT]
[FONT=&quot]By being patient, you finally could convey the necessary information to resolve the problem.[/FONT]
[FONT=&quot]Thank you...[/FONT]