¿Cuál es la diferencia entre #y .al declarar un conjunto de estilos para un elemento y cuáles son las semánticas que entran en juego al decidir cuál
Estoy diseñando una página web. Cuando hacemos clic en el contenido del correo con nombre div, ¿cómo puedo mostrar una ventana emergente que contiene una etiqueta de correo electrónico y un cuadro de
Me pregunto qué opciones tiene uno en xhtml 1.0 estricto para crear una línea en ambos lados del texto de la siguiente manera: Seccion uno ----------------------- Siguiente sección ----------------------- Sección dos He pensado en hacer algunas cosas elegantes como esta: <div...
Mi pregunta es fácil: <%= f.submit %> ¿A dónde va la declaración de clase? Recibo errores en varios
Me gustaría mantener un archivo .scss central que almacene todas las definiciones de variables SASS para un proyecto. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... El proyecto tendrá una gran cantidad de archivos CSS, debido a su naturaleza....
Quiero tener dos elementos en la misma línea usando float: leftpara el elemento de la izquierda. No tengo problemas para lograr esto solo. El problema es que quiero que los dos elementos permanezcan en la misma línea incluso cuando cambie el tamaño del navegador muy pequeño . Ya sabes ... como fue...
Estoy trabajando en un archivo CSS que es bastante largo. Sé que el cliente podría solicitar cambios en el esquema de color y me preguntaba: ¿es posible asignar colores a las variables, de modo que pueda cambiar una variable para que se aplique el nuevo color a todos los elementos que lo...
¿Hay alguna manera de limitar la longitud de un borde? Tengo un <div>borde inferior, pero quiero agregar un borde a la izquierda del <div>que solo se extiende hasta la mitad. ¿Hay alguna manera de hacerlo sin agregar elementos adicionales en la página?
Estoy tratando de cambiar el estilo de un botón con una imagen incrustada como se ve en el siguiente violín: http://jsfiddle.net/krishnathota/xzBaZ/1/ En el ejemplo no hay imágenes, me temo. Estoy tratando de: Cambie el background-colorbotón cuando está deshabilitado Cambia la imagen en el...
Estoy tratando de hacer la transición al pasar el mouse con css sobre una miniatura para que al pasar el cursor, el gradiente de fondo se desvanezca. La transición no funciona, pero si simplemente lo cambio a un rgba()valor, funciona bien. ¿Los gradientes no son compatibles? Intenté usar una imagen...
De vez en cuando, Chrome renderizará HTML / CSS perfectamente válido de forma incorrecta o no lo hará. Excavar a través del inspector DOM a menudo es suficiente para que se dé cuenta del error de sus formas y vuelva a dibujar correctamente, por lo que es probable que el marcado sea bueno. Esto...
Con el siguiente HTML, ¿cuál es el método más fácil para mostrar la lista como dos columnas? <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> Pantalla deseada: A B C D E La solución debe poder...
¿Es posible establecer la opacidad de una imagen de fondo sin afectar la opacidad de los elementos secundarios? Ejemplo Todos los enlaces en el pie de página necesitan una viñeta personalizada (imagen de fondo) y la opacidad de la viñeta personalizada debe ser del 50%. HTML <div...
Estoy usando CSS para diseñar los botones de entrada en mi sitio web, pero en los dispositivos IOS el estilo se reemplaza por los botones predeterminados de Mac. ¿Hay alguna forma de diseñar botones para iOS o una forma de hacer un hipervínculo que se comporte como un botón de...
Tengo un sitio grande que se ejecuta en ASP.NET MVC usando el motor de vista Razor. Tengo una hoja de estilo base que contiene todo el estilo genérico para todo el sitio. En ocasiones, sin embargo, tengo estilos específicos de página que, en <head>general, son una o dos líneas. No me gusta...
Aquí está el código que estoy usando para lograr el diseño anterior: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content {...
Mi código es: p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } Por favor vea este violín: http://jsfiddle.net/ZWw3Z/5/ Me gustaría activar un evento de clic solo en el...
En el pasado, siempre he usado guiones bajos para definir atributos de clase e id en HTML. En los últimos años cambié a guiones, principalmente para alinearme con la tendencia en la comunidad , no necesariamente porque tenía sentido para mí. Siempre he pensado que los guiones tienen más...
Tengo un DIV y me gustaría poner un patrón como fondo. Este patrón es gris. Entonces, para hacerlo un poco más agradable, me gustaría poner una "capa" de color transparente claro. A continuación se muestra lo que intenté pero que no funcionó. ¿Hay alguna manera de poner la capa de color sobre la...
Esto se hace automáticamente para todos los navegadores, excepto Chrome . Supongo que tengo que apuntar específicamente a Chrome . ¿Alguna solución? Si no con CSS , ¿con jQuery ? Saludos