Articles of css

¿Cómo detengo las tags que interfieren con los contadores de múltiples niveles de encabezados?

Esta es una expansión de ¿Cómo detengo las tags que interfieren con los contadores? La respuesta aceptada resuelve el problema para un nivel de encabezados (es decir, H1 en la pregunta) pero no si hay múltiples niveles de encabezados (ver más abajo) body { counter-reset: h1 h2 h3 h4; } h1 { counter-reset: h2 h3 […]

Desplazamiento horizontal en un div principal que contiene divs secundarios flotantes

Tengo el siguiente código: HTML 2001 2O02 2003 2004 2005 CSS #parent{ width:100%; overflow:auto; } .Child{ float:left; width:20px; } El contenido infantil siempre está desbordado, y esto es bueno. Pero quiero poder desplazarme horizontalmente en el div principal, para ver los últimos divs secundarios. Aquí hay una captura de pantalla del resultado como lo tengo: […]

Línea de tiempo horizontal sensible en línea de tiempo vertical con bootstrap

He intentado buscar tutoriales / ejemplos / códigos de código como este, pero no tuve éxito. Por favor, enlace a cualquiera que pueda haber perdido. Estoy tratando de convertir esta imagen en html / css / Bootstrap, lo cual no debería ser tan malo, excepto que la línea vertical podría ser difícil (podría usar consejos […]

Flexbox envuelve fuera del contenedor

He creado un encabezado que incluye una navegación con flexbox. Mi problema es que, tan pronto como la pantalla se redimensiona a aprox. 1200px la línea se ajusta y mis botones de navegación se dertwign fuera del contenedor. ¿Cómo puedo solucionarlo? .main-nav { list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: flex-end; height: […]

Botón HTML con el icono de búsqueda?

Estoy tratando de crear un botón de búsqueda que contenga nada más que el icono de búsqueda de lupa. El código está debajo Después de leer todas las publicaciones sobre el tema, pude encontrar que también probé las siguientes 3 opciones en la línea 4 así como este html con este css input.button_add { background-image: […]

invertir filtro en IE11

¿Hay alguna posibilidad de usar un filtro invert-css en Internet Explorer 11 ? Ya probé los siguientes comandos css: -ms-filter: Invert(); // also with the parameters ‘1’ and ‘100%’ filter: Invert(); -ms-filter: invert(); filter: invert(); Gracias por adelantado.

Cómo comenzar a diseñar los resultados de búsqueda JSON desde DocumentCloud

Estoy buscando construir un sistema que adapte los resultados de búsqueda de DocumentCloud (y me permita enlazar a un documento determinado). Sé que puedo consultar DocumentCloud y devolver resultados JSON utilizando una cadena de búsqueda como esta: https://www.documentcloud.org/api/search.json?q=obama No se como Toma el resultado de la búsqueda y ponlo en mi propia página. Estilo de […]

Solución CSS / JS: al desplazar el elemento hijo, cambiar div. Padre

Sé que CSS es “en cascada”, pero en este caso quiero que el efecto aumente. Estoy abierto a una solución JS o CSS, pero honestamente preferiría la solución con la menor cantidad de código o gastos generales. Cuando coloco el cursor sobre una letra (secundaria), quiero que cambie todo el color de fondo para TODA […]

contenido div a escala para adaptarse a un tamaño fijo

Tengo dos div en mi página con el siguiente estilo. #currentExpr { visibility: hidden; height: 1px; width: 1px; } #currentExprFront { height: 3.5cm; font-size: 500%; } \( \) Como ves, el primero está oculto. En él, algunos procesos dynamics (JavaScript, llamada de servidor externo, …) se realizan hasta que se obtiene y se actualiza el […]

¿Por qué li con 50% de ancho y flotante a la izquierda no muestra puntos a la izquierda?

Intento crear una lista de 2 columnas, así que uso: ul { overflow: hidden; } ul li { float: left; width: 50%; } pero cuando tengo 2 elementos, uno a la derecha tiene una viñeta de lista y el de la izquierda no. ¿Porqué es eso? PS: hay una manera de tener 2 columnas en […]