www.webdeveloper.com
Results 1 to 7 of 7

Thread: Having a hard time with CSS Sprites!!! Any Much Needed Help Appreciated

Threaded View

  1. #1
    Join Date
    May 2012
    Posts
    82

    Having a hard time with CSS Sprites!!! Any Much Needed Help Appreciated

    I am attempting to place sprites in front of its corresponding anchor/link tag(s) however the sprite(s) are not appearing. I'm not sure what I am doing wrong but any help and explanation is appreciated. I have attached the sprites.gif. Thank You.

    HTML code:
    Code:
     
    <ul class="postmetadata clearfix">
    	<li><a class="post-comment" href="#" title="post-comment">Post a Comment</a</li> |
    	<li><a class="email" href="#" title="email">E-mail</a></li> |
    	<li><a class="print" href="#" title="print">Print</a></li> | 
    	<li><a class="share" href="#" title="share">Share</a></li> |
    	<li><a class="large-type" href="#" title="large-type">Large type</a>  </li>
    				</ul>
    CSS code:
    Code:
    ul.postmetadata li{
    	list-style-type: none;
    	font-size: 12px; 
    }
    
    ul.postmetadata li a {
    	background: url('img/sprites.gif')top left;
    	background-repeat: no-repeat;
    	display: block;
    }
    
     li a.post-comment{
    	background-position: 0 -624px;
    	height: 12px;
    	width: 11px;
    }
    Attached Images Attached Images

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles