<input id=”email” name=”email” placeholder=”insert email” /> input::-webkit-input-placeholder { color: red; } ::-webkit-input-placeholder { color: red; } :-moz-placeholder { color: red; }
Category Archives: CSS
Definition Lists DL, DT and DD
So what is a definition list? Simply put it is a list of definitions. For the unabridged version read the relevant section in the HTML specification. Basically a definition list is composed of three HTML elements and some text. These are the <dl>, <dt> and <dd> elements. <DL> A definition list is the container element …
Grid-Based Layouts in Web Design
Grid Basics Let’s talk some grid lingo. A grid is the division of a layout with vertical and/or horizontal guidelines to incorporate margins, spaces and columns in order to provide a framework for organizing content.
CSS input – text style
input[type=text] { width: 300px; background-color: cyan; }
preloading images with css
HTML <div> <img src=”images/dog-over.gif” alt=”Dog” /> <img src=”images/cat-over.gif” alt=”Cat” /> <img src=”images/mouse-over.gif” alt=”Mouse” /> </div> CSS .preload{display:none;}
Bulletproof & Flexible Layouts Made Simple
Bulletproof & Flexible Layouts Made Simple “Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users. Focussed on web standards and accessibility Slim framework core with numerous extensions Robust, flexible layout concept (columns & grids) …
Continue reading “Bulletproof & Flexible Layouts Made Simple”