Prevenir doble margin y padding en IE 6 cuando usamos CSS Float
IE 6 crea un doble margin y padding cuando usamos dicha propiedad en dos divs flotantes que caen al lado del otro. El problema En este código IE 6 lo leerá incorrectamente y creará doble margin y padding en nuestro elemento: #global-column-1 { margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } #global-column-2 … Lee más!
Tab rollovers con CSS Sprites
Las tabs (o pestañas) muchas veces es la mejor opción para implementar como menú de navegación en nuestro sitio web. En esta entrada aprenderemos a crear pestañas (tabs) con fondo dinámico en CSS. Para ello, debemos insertar este código HTML en nuestro documento (preferiblemente entre si queremos que vaya en el encabezado (header) del sitio … Lee más!
Sticky Footer con CSS
En esta entrada aprenderemos a crear un pie de página que siempre se mueve hacia donde nosotros estamos, es decir, que quede «pegado» a la barra de navegación. Bastante útil para mostrar información que siempre queremos que se visualize, ya que creemos que es información importante o que el lector debería leerla.
Galería de imágenes interactiva con CSS
Una galería interactiva nos permitirá mostrar a nuestros usuarios una pequeña descripción al lado de la imagen cuando situen el cursor encima de dicha imagen. El método para crear esta galería es muy sencillo, su estructura es mediante listas ( ). El código es completamente personalizado, por lo que podremos incluir o eliminar cualquier información … Lee más!
CSS: El enlace y la fuente
Un enlace es un vínculo con el que enlazamos unas páginas con otras. El enlace en CSS tiene varias propiedades: A:link = Enlace normal (Sin pulsar ni mantener el cursor encima) A:visited = Cuando el enlace ha sido visitado anteriormente. A:active = Cuando hacemos click sobre el enlace. A:hover = Cuando situamos el cursor sobre … Lee más!
Cambiar los colores de la barra de scroll con CSS
Podemos cambiar los colores de la barra de scroll en Internet Explorer (digo Internet Explorer porque simplemente solo funciona para este navegador, los demás no dejan cambiar el color de la barra de scroll) mediante este sencillo código, pero claro, primero vamos a descrifrarlo y ver que quiere decir cada cosa: scrollbar-arrow-color = color de … Lee más!
50 set de iconos para el diseño web
Nunca viene mal tener una lista de 50 set de iconos completos y gratuitos sobre el diseño web. Os traemos 50 set de iconos para aplicar en nuestros sitios webs. Lo mejor es que son gratuitos y son set completos, es decir, hay muchos iconos similares del mismo autor, por lo que no desentonará un … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
