Centrar verticalmente con CSS

Jorge Maiden — Sun, 03 Apr 2011 23:16:03 +0000

Hay varios métodos para centrar verticalmente un elemento en CSS. Un método es utilizando al elemento como si fuera una tabla, usando la propiedad display:table en el elemento contenedor, y display:table-cell y vertical-align:middle en el elemento que deseamos centrar verticalmente.

En este caso centraremos verticalmente un texto dentro un div con la clase “.caja”:

.caja {
width:500px;
height:300px;
margin:0 auto;
border:1px solid #000;
display:table;
}
.caja span{
display:table-cell;
vertical-align:middle;
}

<div class="caja">
<span>Sin León no hubiera España, antes que en Castilla leyes</span>
</div>

Colorear filas par/impar de una tabla con jQuery

Jorge Maiden — Sun, 21 Jun 2009 18:30:21 +0000

Vamos a ver un sencillo ejemplo para colorear las filas par o impar de una tabla utilizando jQuery.

Para localizar las filas impares utilizaderos el selector “odd” de jQuery.
Para las filas pares utilizaremos el selector “even“.

$(document).ready(function(){
$("tr:odd").css("background-color", "#ddd"); // filas impares
$("tr:even").css("background-color", "#ccc"); // filas pares
});

Bufa Webmaster » tablas

Centrar verticalmente con CSS

Colorear filas par/impar de una tabla con jQuery