Options

Centering my header

agconradagconrad Registered Users Posts: 17 Big grins
edited July 18, 2008 in SmugMug Support
Hello,

I have never had any trouble centering my header, but last week I upoaded a new gif and it does not want to center for some reason.

The site is www.agconrad.smugmug.com and I use it as a galleries page for my business.

The title wants to sit slightly to the right and I am not sure why. Any help would be appreciated.

The login to look at my css is agconrad@agconrad.com and the PW is ******

Thanks

Edit: No need to post password, those that can help can use WebDev to see your CSS.

Comments

  • Options
    agconradagconrad Registered Users Posts: 17 Big grins
    edited July 18, 2008
    agconrad wrote:
    Hello,

    I have never had any trouble centering my header, but last week I upoaded a new gif and it does not want to center for some reason.

    The site is www.agconrad.smugmug.com and I use it as a galleries page for my business.

    The title wants to sit slightly to the right and I am not sure why. Any help would be appreciated.

    The login to look at my css is agconrad@agconrad.com and the PW is ******

    Thanks

    Edit: No need to post password, those that can help can use WebDev to see your CSS.


    Thanks
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 18, 2008
    agconrad wrote:
    Hello,

    I have never had any trouble centering my header, but last week I upoaded a new gif and it does not want to center for some reason.

    The site is www.agconrad.smugmug.com and I use it as a galleries page for my business.

    The title wants to sit slightly to the right and I am not sure why. Any help would be appreciated.

    The login to look at my css is agconrad@agconrad.com and the PW is ******

    Thanks

    Edit: No need to post password, those that can help can use WebDev to see your CSS.
    Your banner is wider then the page and has extra blank area on all sides.
    First thing is crop off the extra white area from your banner. Then using this
    cropped version it should fit nicely. The auto in the margin will center
    whatever width (actual photo width) it is as long as smaller then the page
    width.


    #my_banner {
    width: 800px;
    height: 100px;
    margin: 10px auto; /* top/bottom left/right */
    margin-top: 10px;
    ...

    btw, the margin-top is not needed, it's covered in the line above it.
    This is the expanded version to see what each controls.
    margin: top right bottom left;
    This is what you have expanded out in long form.
    margin: 10px auto 10px auto;
    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.