Coda Clips

Clearing div

.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

Added to by Mark Evans

Install Clip


Comment Banner

/************************************************************************/
// <<**SelectionInsertionPlaceholder**>>
/************************************************************************/

Added to by Brent

Install Clip


Centre div (using negative margins)

div { 
   position: absolute;
   left: 50%;
   width: 500px;
   margin-left: -250px; /*half the width of the div*/
}

Added to by Matthew Hunt

Install Clip


Border Radius

 { 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #fff;
background:#fff;
}

Added to by Matthew Hunt

Install Clip


Clearfix

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Added to by Toby

Install Clip


@import CSS

<style type="text/css"> @import "<<**SelectionInsertionPlaceholder**>>"; </style>

Added to by Sam Brown

Install Clip


CSS Reset

/*CSS Reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }

Added to by T Walsh

Install Clip


StyleSheet Link

<link href="<<**SelectionInsertionPlaceholder**>>" media="screen" rel="stylesheet" type="text/css" />

Added to by Sam Brown

Install Clip


Sponsored Links: