WordPress.org

Ready to get started?Download WordPress

Forums

png image not appearing in IE8 or 9 (3 posts)

  1. purplenaartjie
    Member
    Posted 3 years ago #

    Help! Our logo in the site header shows up in Chrome, Firefox, IE6 but not in IE8... any ideas? http://www.westeuston.org

    #site-title {
    	float: left;
    	font-size: 0px;
    	line-height: 60px;
    	margin: 0 0 0px 0;
    	width: 910px;
      	background: url(http://www.westeuston.org/wp-content/themes/absolum/images/logo-big.png) no-repeat 0 0;
    }
  2. jeezyo
    Member
    Posted 3 years ago #

    IE is never very forgiving, and the code is looking incomplete.

    You have some empty values in your css in that area...also, youre missing the quotes are the background URL. try cleaning that up, and let me know what happens.

  3. purplenaartjie
    Member
    Posted 3 years ago #

    Hiya,

    I'm a newbie to editing code so apologies for being slow! Here's the complete header section, what should I change?

    Thankyou!!!!

    /* =Header
    -------------------------------------------------------------- */
    
    #header {
    	padding: 10px 0 0 0;
    }
    #blog-title {
    background:url();
    float:left;
    width:100%;
    padding-left:0; padding-right:0; padding-top:30px; padding-bottom:20px
    }
    #blog-title-holder {width:980px;}
    
    #site-title {
    	float: left;
    	font-size: 0px;
    	line-height: 60px;
    	margin: 0 0 0px 0;
    	width: 910px;
      	background: url(http://www.westeuston.org/wp-content/themes/absolum/images/logo-big.png) no-repeat 0 0;
    }
    #site-title a {
    	color: ;
      background:;
      padding:0 10px;
    	text-decoration: none;
      text-shadow:0 1px 2px #111;
      float:left;
    }
    #site-title a:hover {background:#url('') no-repeat bottom center;}
    
    #site-description {
    	clear: left;
    	float: left;
    	margin: 10px 0 0 15px;
      font-family: 'Trebuchet MS', Helvetica, sans-serif;
      font-size: 20px;
      color:#66666;
      width: 700px;
    }
    
    #subscribe {float:right;}
    #subscribe a {float:left;margin-left:10px;}
    
    /* This is the custom header image */
    
    #access {
    	display: block;
    	margin: 0 auto;
    	width: 980px;
    }
    #access .menu-header,
    div.menu {
    	font-size: 18px;
    	width: 980px;
      float:left;
    }
    #access .menu-header ul,
    div.menu ul {
    	list-style: none;
    	margin: 0;
    }
    #access .menu-header li,
    div.menu li {
    	float: left;
    	position: relative;
    }
    #access a {
    	color:#999;text-shadow:1px 1px 0 #fff;
    	display: block;
      float:left;
    	line-height: 38px;
    	padding: 5px;
      margin:0 7px;
    	text-decoration: none;
      font-weight:bold;
      letter-spacing:0px;
      position:relative;
    }
    li.current_page_item a .item-left  {left:-7px;bottom:0px;position:absolute;width:7px;height:47px;background:url('images/item-left.png') no-repeat center left;}
    li.current_page_item a .item-right  {right:-7px;bottom:0px;position:absolute;width:7px;height:47px;background:url('images/item-right.png') no-repeat center right;}
    
    ul.children .item-left, ul.sub-menu .item-left  {display:none;}
    ul.children .item-right, ul.sub-menu .item-right  {display:none;}
    
    #access ul ul {
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	display: none;
    	position: absolute;
    	top: 44px;
    	left: 0;
    	float: left;
    	width: 180px;
    	z-index: 99999;
    }
    #access ul ul li {
    	min-width: 180px;
    
    }
    #access ul ul ul {
    	left: 100%;
    	top: 0;
    }
    #access ul ul a {
    	background: #e5e5e5;
    	line-height: 1em;
    	padding: 10px;
    	width: 160px;
    	height: auto;
      border-bottom:1px dotted #fff;
      font-size:13px;
      margin:0;
    }
    #access li:hover > a,
    #access ul ul :hover > a {
    	color: #333;
    }
    #access ul li:hover > ul {
    	display: block;
    }
    
    #access li.current_page_item a, #access li.current_page_parent a, #access li.current_page_ancestor a {
    	color: #333;
      background:url('images/item-back.png') no-repeat center center;
      text-shadow:1px 1px 0 #ddd;
    }
    
    #access li.current_page_parent li a,
    #access li.current_page_item ul li a,
    #access li.current_page_ancestor li.page_item a,
    #access li.current_page_parent li.current_page_item .page_item a,
    #access li.current_page_ancestor li.current_page_ancestor li.page_item a,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_item li.page_item a,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.page_item a
    {
    	color: #999;
      background-image:none;
      background:#e5e5e5;
      text-shadow:1px 1px 0 #fff;
    
    }
    li.current_page_item {
    background:transparent;
    }
    
    #access li.current_page_parent li a:hover,
    #access li.current_page_item ul li a:hover,
    #access li.current_page_ancestor li.page_item a:hover,
    #access li.current_page_parent li.current_page_item a,
    #access li.current_page_ancestor li.current_page_parent a,
    #access li.current_page_ancestor li.current_page_ancestor a,
    #access li.current_page_parent li.current_page_item .page_item a:hover,
    #access li.current_page_ancestor li.current_page_ancestor li.page_item a:hover,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_item a,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_item li.page_item a:hover,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.page_item a:hover,
    #access li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_item a
    {
    	color: #333;
      background:#f2f2f2;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic