Un truco para prevenir el cache de los archivos CSS de nuestras páginas web montadas en php. Para evitar el problema de tener que REFRESCAR la página basta con introducirle un parámetro al archivo css, en este caso le pasamos […]
Algunos ejemplos utilizando solo código css para crear formas con aspecto de triángulo: Triangulo CSS (pico superior) .triangulo_sup { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #000; } Triangulo CSS (pico inferior) […]
Ejemplo de como utilizar la propiedad «opacity» de css para que funcione en la mayoría de navegadores (Internet explorer, Firefox, Chrome, Safari, Opera). Ejemplo de transparencia del 50% de opacidad: .transparencia { zoom: 1; /* IE */ filter: alpha(opacity=50); /* […]
Tabla de equivalencias entre las principales unidades de medida en CSS: puntos (pts), pixeles (px), em y porfectanjes, basadas en el tamaño por defecto de 16 pixeles del navegador. Pts Px Em Porcentaje 6pt 8px 0.5em 50% 7pt 9px 0.55em […]
Alguna vez te has preguntado ¿cómo hacer una sombra interior utilizando solo CSS3? es bastante sencillo en realidad! Utilizaremos la propiedad «box-shadow«. Vamos a aprovechar para crear un menu redondeado con una sombra interior en la parte superior. 1º el […]
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. […]
Listado de hacks css para los diferentes tipos de navegadores y versiones. No suelo utilizar este tipo de hacks en las hojas de estilos, pero me parece interesante y a continuación tenéis un listado de hacks css dividido entre selectores […]
Usando CSS3 Media Queries podemos detectar el navegador, y portanto cargar una determinada hoja de estilos para cada dispositivo. Para detectar el ancho utilizamos la propiedad device-width para controlar la altura junto con los prefijos min/max para controlar la altura […]
A veces es necesario el uso de condicionales de IE, especialmente si deseamos corregir errores de maquetación en las hojas de estilo para versiones desfasadas del Internet explorer. Un ejemplo de condicionales que debemos insertar dentro del de nuestra web […]
Hace un tiempo ya expliqué como hacer un clear both cada un determinado número de columnas utilizando jQuery, para evitar que se descoloquen divs o otros elementos flotantes de diferentes alturas. Hoy esta misma acción pero sin utilizar javascript, solo […]