SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Transparent Header Not Showing

    Hi,

    I've done this about 1000 times before but for some reason this one is causing me some grief. I'm trying to put a transparent logo on to my sites background for a header but for some reason there is a white box appearing there instead of my logo.

    Here is the link http://www.clhdesigns.com/pr

    And the CSS associated with it

    Code:
    #header {
    	background:url(../images/header.png) no-repeat ;
    	margin: 0;
    	height:85px;
    	width:960px;
    }
    Any ideas?

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,300
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by capples3 View Post
    Hi,

    I've done this about 1000 times before but for some reason this one is causing me some grief. I'm trying to put a transparent logo on to my sites background for a header but for some reason there is a white box appearing there instead of my logo.

    Here is the link http://www.clhdesigns.com/pr

    And the CSS associated with it

    Code:
    #header {
        background:url(../images/header.png) no-repeat ;
        margin: 0;
        height:85px;
        width:960px;
    }
    Any ideas?
    Hi,

    I'm a little confused

    This is the image you have in the background of your header.

    http://www.clhdesigns.com/pr/images/header.png

    It's just a transparent image which means that the background will just be white from the colour underneath.

    I didn't see a logo anywhere.

    Am I looking at the wrong thing?

  3. #3
    SitePoint Addict
    Join Date
    Apr 2003
    Location
    canada
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul,

    that;s the problem. I do not want the white background on my header. The logo itself is white I want it to blend in with the sites background.
    Your Websites Your Way!!
    www.clhdesigns.com

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,300
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You'll have to move the header outside of your wrapper as you can't actually rub out a background by placing another element on top.

    Or you could just match the background colour of the body in the header to create that illusion.

    Code:
    #header {
        background:#D7E1E2 url("../images/header.png") no-repeat;
        height: 85px;
        margin: 0;
        width: 960px;
    
    
    }
    Is that what you meant?
    (although you cpuld stick another color on top)


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
  •