{"id":143,"date":"2006-07-23T23:36:59","date_gmt":"2006-07-24T04:36:59","guid":{"rendered":"http:\/\/www.juixe.com\/techknow\/index.php\/2006\/07\/23\/css-hackary\/"},"modified":"2006-07-23T23:36:59","modified_gmt":"2006-07-24T04:36:59","slug":"css-hackary","status":"publish","type":"post","link":"http:\/\/juixe.com\/techknow\/index.php\/2006\/07\/23\/css-hackary\/","title":{"rendered":"CSS Hackary"},"content":{"rendered":"<p>A friend of mine recently asked me what was my most used CSS hack.  The first thing I said was that I am not a web designer, I just play one on TV.  I have found that everybody knows or can easily look up how to apply a border, text alignment, background image, etc to an HTML element using CSS.  What I have discovered through experimentation is that browsers allow you to define more than one CSS class per element.  I have recently been using the Yahoo UI Library and their yui-u CSS class that defines a layout block.  But for that block I wanted to apply some additional style attributes.  I was able to combine the yui-u layout and my style CSS class by doing the following:<\/p>\n<pre>\n&lt;DIV class=\"yui-u content\"&gt;CONTENT HERE&lt;\/DIV&gt;\n<\/pre>\n<p>Technorati Tags: <a href=\"http:\/\/technorati.com\/tag\/yui\" rel=\"tag\">yui<\/a>, <a href=\"http:\/\/technorati.com\/tag\/yahoo+ui\" rel=\"tag\"> yahoo ui<\/a>, <a href=\"http:\/\/technorati.com\/tag\/yahoo+ui+library\" rel=\"tag\"> yahoo ui library<\/a>, <a href=\"http:\/\/technorati.com\/tag\/css\" rel=\"tag\"> css<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A friend of mine recently asked me what was my most used CSS hack. The first thing I said was that I am not a web designer, I just play one on TV. I have found that everybody knows or can easily look up how to apply a border, text alignment, background image, etc to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[9,3],"tags":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p902K-2j","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts\/143"}],"collection":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":0,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"wp:attachment":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}