Snippets (CSS/XHTML)

Sticky Footer

Select All

Horizontal line (hr) alternative

Example:

Select All

Easy Gallery

Example:

Select All

CSS Drop Shadow Headline

Example:

CSS Drop Shadow HeadlineCSS Drop Shadow Headline

Select All

Horizontal and vertical centered Block Element

Demo

Select All

Simple Contact Form

Demo

Select All

CSS
===

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

body { 
font: normal 13px/1.2em arial, verdana, helvetica, sans-serif; 
word-spacing: 0.1em; 
}

.form p {
	clear: left;
	margin: 0;
	padding: 0 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

.form label {
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some 	right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

input {
	border: 1px solid #4682b4;
}

.form textarea {
	border: 1px solid #4682b4; 
	width: 250px;
	height: 150px;
}

.button {
	border: 1px solid #4682B4;
	background-color: #4682B4;
	color: #fff;
}

(X)HTML
=======

<p>
<label for="emailaddress">E-mail address:</label>
<input type="text" id="emailaddress" value="" />
</p>

<p>
<label for="comments">Feedback:</label>
<textarea id="comments" rows="5" cols="25"></textarea>
</p>

</form>

Clearfix

Demo

Select All

Snippets (CSS/XHTML)

CSS Drop Shadow HeadlineCSS Drop Shadow Headline

Content