Actualmente estoy tratando de crear un efecto de zoom al pasar el mouse sobre una de mis cuatro imágenes. El problema es que la mayoría de los ejemplos suelen utilizar tablas o divs de máscara para aplicar algún tipo de efecto. Aquí hay un ejemplo que implementa lo que me gustaría esto . Este...
No puedo entender cómo traer imágenes al frente usando CSS. Ya intenté configurar el índice z en 1000 y la posición en relativa, pero aún falla. Aquí hay un ejemplo: #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background:...
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display:
Encontrará muchos tutoriales sobre barras de menú en HTML, pero para este caso específico (aunque en mi humilde opinión genérico), no he encontrado ninguna solución decente: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # Hay un número variable de elementos de menú...
Todo lo que quiero es poder cambiar el color de una viñeta en una lista a un gris claro. El color predeterminado es negro y no sé cómo cambiarlo. Sé que podría usar una imagen; Prefiero no hacer eso si puedo evitarlo.
He visto que esta notación se usa mucho, y me preguntaba si hay alguna diferencia notable entre estas dos notaciones. element#id { property: 0; } y element#id { property: 0px; } Lo uso property: 0px;todo el tiempo, ya que lo encuentro más limpio, pero no estoy realmente seguro de si el...
He buscado y buscado, pero no he podido encontrar una solución para mi requerimiento. Tengo una tabla HTML simple. Quiero redondear las esquinas, sin usar imágenes o JS, es decir, solo CSS puro . Me gusta esto: Esquinas redondeadas para las celdas de las esquinas y 1pxborde grueso para las...
Tengo un servidor de producción y desarrollo. El problema es la estructura del directorio. Desarrollo: http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css Producción: http://live.com/images/image.jpg http://live.com/resources/css/style.css ¿Cómo puedo...
Estoy tratando de hacer un botón, de modo que cuando el usuario haga clic en él, cambie su estilo mientras se mantiene presionado el botón del mouse. También quiero que cambie su estilo de manera similar si se toca en un navegador móvil. Lo aparentemente obvio para mí fue usar CSS: pseudo-clase...
Estoy buscando tomar un ícono de color (y será un enlace) y convertirlo en escala de grises hasta que el usuario coloque el mouse sobre el ícono (donde luego colorearía la imagen). ¿Es posible hacer esto y de alguna manera que sea compatible con IE y Firefox?
Estoy creando una aplicación web de prueba usando PHP. Cada pregunta se compone de una pregunta separada <label>y tiene 4 opciones posibles, que se utilizan radio buttonspara permitir que el usuario seleccione su respuesta. El HTML actual para una sola pregunta se ve así: <label...
¿Hay alguna forma de aplicar estilo al <option>elemento seleccionado actualmente en un <select>elemento? Entonces, ¿podría dar un color de fondo al elemento de opción seleccionado actualmente? De esa manera, puedo diseñar la opción que se puede ver actualmente en el menú desplegable...
Entonces, tengo una app/assets/stylesheets/estructura de directorio que se parece a esto: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements En cada directorio, hay varios parciales sass (normalmente * .css.scss, pero uno o...
Esto puede ser Compass 101, pero ¿alguien ha escrito una combinación que establezca el valor alfa de un color? Idealmente, me gustaría que el mixin tomara cualquier forma de definición de color y aplicara transparencia: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include...
Estoy desarrollando un sitio web basado en el código fuente de Wordpress a través de XAMPP. A veces cambio el código CSS, los scripts o algo más y noto que mi navegador tarda en aplicar las modificaciones. Esto me lleva a usar varios navegadores para actualizar uno y si no aplica los nuevos...
Cómo aplicar un borde insertado en un elemento HTML, pero solo en un lado. Hasta ahora, he estado usando una imagen para hacer eso (GIF / PNG) que luego usaría como fondo y la estiraría (repeat-x) y colocaría un poco fuera de la parte superior de mi bloque. Recientemente, descubrí la propiedad...
En "PRODUCTOS", haga clic en y deslizo hacia arriba un div blanco (como se ve en el adjunto). Cuando esté en respuesta (móvil y tableta), me gustaría cerrar automáticamente la barra de navegación de respuesta y solo mostrar la barra blanca. Lo intenté: $('.btn-navbar').click(); también...
Estoy usando twitter bootstrap y tengo una fila que tiene dos columnas (span6). ¿Cómo creo un divisor vertical entre ambos tramos? Gracias murtaza
Tengo un cuadro de encabezado que incluye borde y relleno y color de fondo para ese cuadro, ¿puedo cambiar el color de fondo solo para la región acolchada después del borde y luego el mismo color de fondo para el resto del ancho (es decir, gris en el código dado) ? Solo una pizca del código...
Tengo una clase de elemento y una clase compacta de "modificador": .item { ... } .item.compact { /* styles to make .item smaller */ } Esto esta bien. Sin embargo, me gustaría agregar una @mediaconsulta que obligue a la .itemclase a ser compacta cuando la pantalla es lo suficientemente...