CSS: image link, change on hover

by 
 <a href="http://twitter.com/me" class="twitterbird" title="Twitter link"></a>

use a class for the link itself and forget the div

.twitterbird {
 margin-bottom: 10px;
 width: 160px;
 height:160px;
 display:block;
 background:transparent url('twitterbird.png') center top no-repeat;
}

.twitterbird:hover {
   background-image: url('twitterbird_hover.png');
}

More Related Contents:

  1. Text in my heading should be top not bottom [closed]
  2. CSS indentation not working [closed]
  3. How do I disable the resizable property of a textarea?
  4. How do you keep parents of floated elements from collapsing? [duplicate]
  5. Why do browsers match CSS selectors from right to left?
  6. How to remove margin space around body or clear default css styles
  7. How to deal with page breaks when printing a large HTML table
  8. How do I change the color of radio buttons?
  9. How can I draw vertical text with CSS cross-browser?
  10. Is clearfix deprecated?
  11. CSS-Only Scrollable Table with fixed headers [duplicate]
  12. How to style SVG with external CSS?
  13. Pure CSS multi-level drop-down menu
  14. How to remove the gutter (spacing) between columns in Bootstrap?
  15. How to position two elements side by side using CSS
  16. How to make an HTML anchor tag (or link) look like a button?
  17. Make link in table cell fill the entire row height
  18. Why is text wrapping around a floating element instead of going belows like another div?
  19. Fit website background image to screen size
  20. canvas default size
  21. Same height column bootstrap 3 row responsive
  22. How to change the style of a ‘s label?
  23. Flexbox with fixed header and footer and scrollable content
  24. Prevent a centered layout from shifting its position when scrollbar appears
  25. CSS/HTML: What is the correct way to make text italic?
  26. svg background image position is always centered in internet explorer, despite background-position: left center;
  27. CSS Border on PNG image with transparent parts
  28. Make Div Draggable using CSS
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How can I get a specific number child using CSS?

Leave a Comment