Tags css

Como centrar un DIV o una tabla con CSS

Originally posted 2010-10-29 15:44:47. Republished by Blog Post Promoter

El código para centrar un div usando Hojas de estilo, es simple y sencillo. Solamente debemos establecer un margin a nuestro contenedor de la siguiente forma.

.div_centrado
{
margin:0 auto;
text-align:left;
}

Y listo tu div aparecera siempre centrado horizontalmente en la pantalla.

Tags , , ,

Como centrar una imagen con CSS

Si lo que necesitas es centrar una imagen con Hojas de Estilo, pues dejame decirte que existen 2 métodos, usa el que más te convenga:

img { display: block; margin: auto; }

El único inconveniente que tiene esta opción es que no funciona e en Internet Explorer… Pero esta  forma, tal ves no sea la más profesional pero funciona:

<div style=”text-align:center”><img src=”http://direccion/de/la/imagen.jpg”/></div>

 

Si tuvieras alguna duda, puedes dejarla en los comentarios

Tags , , , , , , , ,

Como usar una fuente personalizada en mi sitio Web

Generalmente cuando los diseñadores trabajan un diseño para un sitio Web no consideran en las limitantes que aun los exploradores y las Pc’s de los usuarios tienen. Y hacen diseños padrisimos pero con fuentes poco comunes.

Para evitar romper el diseño y quitarle toda la magia, CSS nos facilita la propiedad @font-face la cual permite cargar fuentes personalizadas, en formato TTF.

La forma de implementar es sencilla:

@font-face {
font-family: “NOMBRE DE TU FUENTE PERSONALIZADA”;
src: url(“url_fuente/personalizada.ttf”) format(“opentype”);
}

.selector
{
font-family: “MTCORSVA”, Verdana, Arial, Helvetica, sans-serif;

}

No olvides que cuando llames a tu selector en el font-family siempre es necesario llamar a tus fuentes alternativas (uno nunca sabe cuando se deban usar). Y con esto podemos evitar disputas entre diseñadores y programadores

Tags , , , , , , , ,

Comprimir codigo Javascript y CSS

YUI Compressor es una herramienta creada por Yahoo dirigida a optimizar el tiempo de carga de una página web. Lo que hace es eliminar comentarios, espacios en blanco y renombra variables para reducir el código y el peso del archivo.

Esta aplicación la podemos usar tanto en linea de comandos como online para comprimir nuestros ficheros. Para usarlo en linea de comandos solo debemos ejecutar:

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js

donde x.y.z es la versión de YUI compressor

Para más información puedes entrar al Yahoo Developer NEtwork

Tags , , , ,