SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Question Centering Background Image

    Hey everyone,

    I have my background image appearing in the page I am working on at Atlanta Review Group- Product Articles. Have I done this properly with CSS? ...but why doesn't the background image appear all the way in the center? The bottom menu background image is off to the left a little bit.
    -------------------------------------------------------------------
    Also, you'll see that the bottom list item links have a circle, as I have tried to specify a list-style, but it always appears outside. I have tried to specify in main.css, a CSS rule of
    Code:
    ul{list-style-position:inside;}
    , which didn't work.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by etidd View Post
    why doesn't the background image appear all the way in the center?
    Which image do you mean?

    the bottom list item links have a circle
    I can't see the list you are referring to.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    The image is for my menu, #bMenu. It is the bottom one on that page. You can tell that it is not quite in the center.

    I just figured out the list-style problem!

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    You could change the width of #pMenu:

    Code:
    #bMenu {
      background: url("bMenuBG.gif") no-repeat scroll 50% 150px transparent;
      height: 220px;
      margin: 0 auto;
      padding-left: 50px;
      padding-top: 170px;
      position: absolute;
      width: 576px;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Your post is aWeSoMe


Tags for this Thread

Bookmarks

Posting Permissions

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