Category

css

• Bookmarks

  Efficient CSS with shorthand properties

  2010/07/31 | Permalink | Comment?

  Shorthand properties can be used to set several properties at once, in a single declaration, instead of using a separate declaration for each individual property. As you’ll see, this can save a lot of space in your CSS file.

  Via 456bereastreet (Italian translation available via 963.it)

  Share and Enjoy:

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

• Code Snippets

  CSS pseudoclass :hover for IE

  2010/05/26 | Permalink | Comment?

  IE6 and IE7 in quirks mode don’t support :hover pseudoclass for non-anchor (<a>) elements.

  This little css trick can workaround the problem (example on a <tr> element):

  tr { background: #ffffff; hover:expression(this.onmouseover=new Function("this.style.background='#ff0000';"),this.onmouseout=new Function("this.style.background='#ffffff';")); }
  tr:hover { background:#ff0000; }

  First line define background color for generic <tr> element and implement hover behaviour for IE, second line catch hover for standard-compliant browsers.

  Share and Enjoy:

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

DevReference.org