Category Archives: CSS

Hover de css sobre
  • no funciona en internet Explorer 8 y 9
  • Desarrollando una aplicación para una empresa de seguros me tope que mi fabuloso menu en CSS no funcionaba correctamente en Internet Explorer (que raro!). Después de investigar pude dar con una solución rápida y efectiva. Justo ante de cualquier código de html agrego lo siguiente: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> Espero les sea… Read More »

    Category: CSS

    Como proyectar sombra usando CSS

    Uno de mis más grande dolores de cabeza era tener que agregarle a todas las imagenes de un sitio web sombra una por una. Afortunadamente lo podemos resolver utilizando css. Del lado del archivo css creamos: .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For… Read More »

    Category: CSS

    Generar sombra con CSS

    Para generar sombra con css es tan fácil como agregar las siguientes lineas a la clase que se tenga asignada al objeto. Ejemplo: .div_con_sombra { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: “progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#000000′)”; /* For IE 5.5 – 7… Read More »

    Como centrar un tabla usando css

    Me he topado varías veces con este problema y siempre pienso que esta vez no se me va a olvidar. Por lo que decidí publicarlo para dejarlo por escrito. Ponemos un <div> encerrando la tabla <div class=centrar_tabla> <table class=tabla_centrada><tr></tr></table> </div> Luego en el archivo css definimos: .centrar_tabla { text-align: center; } .tabla_centrada { margin: 0… Read More »

    Category: CSS

    Como hacer un botón con gradiente en CSS

    Estoy desarrollando un website en el que quiero tener botones con gradiente y esquinas redondeadas pero sin tener que estar creando imagenes para cada uno. Por esto investigué un poco y encontre el código CSS que me permite realizarlo. .button { behavior: url(border-radius.htc); border-top: 1px solid #f7d186; background: #e08619; background: -webkit-gradient(linear, left top, left bottom,… Read More »

    Category: CSS

    Como usar topmargin y leftmargin en Firefox

    Como habrán notado los atributos topmargin y leftmargin aplicados en la etiqueta no funcionan en Firefox ya que los mismos son nativos de IE. La solución es muy sencilla para un topmargin=0 y leftmargin=3 Solución 1-En la etiqueta <body> agregas style=”margin: 0px 0px 3px;” Solución 2-Dentro de <HEAD> agregas <style> body {margin: 0px 0px; 3px;}… Read More »