View more - Centering the content of a page
Posted by andphe on Fri May 14 21:48:37 UTC 2010. Language css

body {text-align: center;}
#wrapper {width:960px;margin: 0 auto;text-align:left;}

<body>
<div id="wrapper">
 ... blah blah blah
</div>
</body>

View more - Botón con efecto hover usando un A y que funciona en todos los navegadores
Posted by andphe on Thu Mar 25 22:04:11 UTC 2010. Language css

/*
*  Notas:
*
*  - Es mejor usar un texto para el enlace porque es mas semántico
*  - En el ejemplo la imagen tiene 48px de lado
*/

<a href="destinodelenlace.html" id="boton">Texto del enlace</a>

#boton{

View more - Centering vertically a span within a label
Posted by andphe on Wed Feb 24 21:40:34 UTC 2010. Language css

/*This css contains hacks for IE, you could put the styles that begins with * under his own stylesheet for IE.

this centers vertically a span within a label <label for="foo"><span>foo</span></label>, tested in Chrome, Firefox 3.6, IE6, IE7, IE8

*/
label {
    display: table;
    *display: block;
    *position: relative;
    width:105px;