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 …
Tag Archives: CSS
Css reset – defaults options
CSS Reset defaults options
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 Alternate Colors Table Loop
CSS .rol_1{ background-color:#FFFFFF} .rol_2{ background-color:#CCCCCC} .rol_Hover{ background-color:#FFFF99} PHP Script On <TR> <?php do { ?> <tr class=”<?php echo ($ac_sw1++%2==0)?”rol_1″:”rol_2″; ?>” onmouseover=”this.oldClassName = this.className; this.className=’rol_Hover’;” onmouseout=”this.className = this.oldClassName;”> <td>loop</td> </tr> <?php } while ($row_travel_schedule = mysql_fetch_assoc($schedule)); ?>
CSS default Link Styles
<style type=”text/css”> <!– body,td,th { color: #FFFFFF; } a { font-size: 10px; color: #FFFFFF; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: none; color: #CCCCCC; } a:active { text-decoration: none; color: #FFFFFF; } –> </style>
How to convert HTML tables to CSS
How to convert HTML tables to CSS After explaining in our previous article why it is generally a good idea to get rid of HTML tables it is time to give some practical advise on how to actually convert the tables to tableless HTML and CSS code. In this article we describe a couple of conversion …