Posted By

interfacecreation on 11/10/10


Tagged

image


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

tonicglop
wirenaught


image replacement


 / Published in: CSS
 

glider levin method

  1. <h1><a href="./" title="Return Home"><span></span>Home</a></h1>
  2.  
  3. #header h1 a{
  4. display:block; /* Required */
  5. width:250px; /* Width of image in question */
  6. height:70px; /* Height of image in question */
  7. position:relative; /* Required */
  8. }
  9. #header h1 a span{
  10. position:absolute; /* Required */
  11. width:100%; /* Stretch full width of parent */
  12. height:100%; /* Stretch full height of parent */
  13. background:url(images/logo.gif) top left no-repeat; /* Image */
  14. cursor:pointer; /* Required for links to appear like links in IE */
  15. }

Report this snippet  

You need to login to post a comment.