Category: CSS


Este un buen ejemplo para centrar un DIV con codigo CSS.

Esta probado para IE7, Firefox 2, Opera 9 y Safari 3

<style>
.centrar
{
position: absolute;
/*nos posicionamos en el centro del navegador*/
top:50%;
left:50%;
/*determinamos una anchura*/
width:400px;
/*indicamos que el margen izquierdo, es la mitad de la anchura*/
margin-left:-200px;
/*determinamos una altura*/
height:300px;
/*indicamos que el margen superior, es la mitad de la altura*/
margin-top:-150px;
border:1px solid #808080;
padding:5px;
}

</style>

<div class=’centrar’>
div centrado
</div>

Sigue leyendo

Homero Simpson en CSS

No me puedo creer / que lo hayan codificado: Homer Simpson en CSS!!

Para quienes no sepan qué son, para qué sirven o cómo funcionan las Hojas de Estilo o CSS, el anuncio no significará nada.

Pero si les decimos que CSS es una especie de lenguaje con el que diseñar eficientemente las páginas web (o sea: su estructura y apariencia. Tablas, fuentes, fondo…) seguro que compartirán su sorpresa con nosotros.

Sigue leyendo

Acid Test

El mánager general del Internet Explorer, Dean Hachamovitch, informó sobre un nuevo objetivo que alcanzó el desarrollo de Internet Explorer 8.Desde el día 12 de diciembre, todas las versiones renderearán correctamente el test Acid2 en modo estándar. Así que el equipo de desarrollo tiene para festejar, porque ha alcanzado un objetivo muy importante.

Sigue leyendo

dock

Si eres de las personas a las que les gusta el estilo de navegacion que proporciona el Dock de Mac O.S.X pues en Cosas Sencillas nos comparten algunos enlaces sobre como podemos lograr un efecto similar, junto con un ejemplo para que lo veamos como funciona Sigue leyendo

FireBug
Firebug es una extension o addon de firefox que sirve para evaluar y depurar sitios web, controlando el CSS y HTML en tiempo real, midiendo el tiempo de carga para optimizar la página o corrigiendo los posibles inconvenientes con Javascript. Phil Rees ha escrito un tutorial sobre el uso de Firebug, entre lo que podemos encontrar:
  • Inspeccion de las hojas de estilos
  • Modifica las hojas de estilos para ver los cambios que se reflejan inmediatamente
  • Edición de HTML en tiempo real
  • Monitorea la carga de paginas
  • Depurador de Javascript
  • Monitoreare las llamadas AJAX
  • Identificar los cuellos de botella y optimizar la aplicación.

Sigue leyendo