HTML5 and CSS3 Media Queries Tom Duggin shows us how we can use HTML5 and CSS3 media queries to take control of our presentations across desktop browsers, mobile devices and slate computers.
Category Archives: CSS
CSS framework
http://www.blueprintcss.org/ http://wiki.github.com/joshuaclayton/blueprint-css/tutorials Quick-Start Tutorial Welcome Here’s a quick tutorial on how you start using Blueprint. Installation Blueprint should be put in your site’s CSS directory. After you’ve done that, add these three lines to the of your web pages. Remember to make sure the href path is correct: Blueprint is now ready for consumption. Files …
Css reset – defaults options
CSS Reset defaults options
3 Ways to Highlight Links to the Current Page
Solution #1: HTML/CSS only With this solution, all you have to do is add in some extra classes to your HTML and use CSS to style them. Each page has a class on the body tag that identifies it:
Centre widthless floats
#buttons{ float:right; position:relative; left:-50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:50%; } #buttons li{float:left;position:relative;}/* ie needs position:relative here*/ #buttons a{ text-decoration:none; margin:10px; background:red; float:left; border:2px outset blue; color:#fff; padding:2px 5px; text-align:center; white-space:nowrap; } #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;} #content{overflow:hidden}/* hide horizontal scrollbar*/ thanks http://www.pmob.co.uk/pob/centred-float.htm
CSS: Align two DIVs on opposite sides on a single line
I want to place two different segments of text on top a table. Both segments must be aligned at opposite borders (i.e. left align and right align). I don’t want them to be aligned with any column inside the table but just with the overall width of the table.