Results 1 to 3 of 3

Hybrid View

  1. #1
    Join Date
    Jul 2008
    Posts
    9
    Plugin Contributions
    0

    Default Header and Background Alignment

    The website is www.jujudeals.com

    Im currently having issues centering the topBarWrap background image and the logo.

    coding is as follows:

    #topBarWrap{
    background:#ffffff url(../images/topbg.gif) no-repeat center;
    }

    whats the issue?

  2. #2
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Header and Background Alignment

    Quote Originally Posted by lalakerman View Post
    The website is www.jujudeals.com

    Im currently having issues centering the topBarWrap background image and the logo.

    coding is as follows:

    #topBarWrap{
    background:#ffffff url(../images/topbg.gif) no-repeat center;
    }

    whats the issue?
    L.A. Laker Man, forget the #topBarWrap..................just go back to your #topBar section (you know where it's at), and change everything to look like this:

    Code:
    #topBar{
            background-image: url (../images/topbg.gif);
            margin-left: auto; 
            margin-right: auto;
            background-repeat: no-repeat;
            width:750px;
            color:#2C2C2C;
            font-weight:bold;
            padding-top: 1.5em;
    }
    That aligns it perfectly in FF. Don't know about IE. You might have to play with it a little bit if it doesn't display right in IE.

    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  3. #3
    Join Date
    Apr 2009
    Location
    Portland, OR
    Posts
    106
    Plugin Contributions
    0

    Default Re: Header and Background Alignment

    Quote Originally Posted by Get Em Fast View Post
    L.A. Laker Man, forget the #topBarWrap..................just go back to your #topBar section (you know where it's at), and change everything to look like this:

    Code:
    #topBar{
            background-image: url (../images/topbg.gif);
            margin-left: auto; 
            margin-right: auto;
            background-repeat: no-repeat;
            width:750px;
            color:#2C2C2C;
            font-weight:bold;
            padding-top: 1.5em;
    }
    That aligns it perfectly in FF. Don't know about IE. You might have to play with it a little bit if it doesn't display right in IE.

    Hope this helps.
    I am having center align issue for header, would this solve my issue too?
    here is my site: http://the4thmuse.com
    Thanks

 

 

Similar Threads

  1. v150 header alignment problems and missing items
    By bodkin77 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 24 Apr 2013, 07:25 PM
  2. Alignment and header ssues.
    By Tantirx in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 29 Nov 2010, 01:28 AM
  3. Background Image Alignment (Mozilla and IE)
    By lalakerman in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Jan 2009, 12:58 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg