CSS Help

Discussion in 'Web Design and Development' started by mjstew33, May 12, 2006.

  1. mjstew33 macrumors 601

    mjstew33

    Joined:
    May 29, 2005
    Location:
    Illinois
    #1
    I'm doing a wordpress site, and I've done SO much and I have one problem.

    The header's image. It's in the CSS that's the problem.

    Here's the header code in the CSS:
    Code:
    
    }
    #header {
    	top: 20px;
    	
    	right: 50px;
    	
    	width: 600px;
    	
    	height: 100px;
    	
    	z-index: 1000;
    	
    	text-align: center;
    	
    	position: absolute;
    	
    	background: url("images/badge.png") no-repeat center;
    }
    	

    Here's the site:
    http://try.mjstew.net

    I want the top image (mjstew.net photographer, video editor, etc etc) in the middle, not the right.

    Help? :eek:
     
  2. steelphantom macrumors 6502a

    steelphantom

    Joined:
    Oct 15, 2005
    #2
    Looks fine to me in Camino. What browser are you using?
     
  3. jsw Moderator emeritus

    jsw

    Joined:
    Mar 16, 2004
    Location:
    Andover, MA
    #3
    Just wanted to note: he fixed the problem by removing the width line. This was in another thread, but I wanted people here to know the results.
     
  4. steelphantom macrumors 6502a

    steelphantom

    Joined:
    Oct 15, 2005
    #4
    Glad to hear he got it working. I was at a loss as to what the error could have been! :eek:
     
  5. mjstew33 thread starter macrumors 601

    mjstew33

    Joined:
    May 29, 2005
    Location:
    Illinois
    #5
    Ah, you probably saw it when I was trying about a million things, working for hours in the CSS. :eek:

    This is the code now:
    Code:
    }
    #header {
    	top: 20px;
    	
    	right: 0px;
    	
    	left: 0px;
    	
    	height: 100px;
    	
    	z-index: 1000;
    	
    	text-align: center;
    	
    	position: absolute;
    	
    	background-image: url(images/badge.png);
    	
    	background-repeat: no-repeat;
    	
    	background-position: top center;
    
    }
     

Share This Page