Articles of css

Encabezado de Flex, contenido, diseño del pie de página

En el siguiente código, quiero que la sección de contenido se complete hasta el punto en que el pie de página toque la parte inferior de la pantalla. EDITAR: quizás debería haber sido un poco más claro con el alineamiento central. El encabezado y el pie de página deben estar alineados verticalmente y los tres […]

Cambiar flujo normal de HTML

Una búsqueda en Google mostró que esto no se analiza en ninguna parte, sino que: ¿Sería posible cambiar el flujo normal de HTML? Un diseñador ha creado una barra de menú, que está en la parte inferior de la página. La barra de menú sería una con muchos elementos , que flotan a la izquierda, […]

Comprueba si un elemento tiene una imagen de fondo con JS puro

¿Cuál es la forma correcta de verificar si un elemento en particular tiene una background-image asociada a él, en un Javascript puro? En este momento tengo esto: var elementComputedStyle = window.getComputedStyle(element); var hasBGImage = elementComputedStyle.getPropertyValue(‘background-image’) !== ‘none’

Crossbrowser menú css horizontal que se comporta como menú de la tabla. Problema IE8

Creé tres variaciones del menú de la tabla mira este ejemplo first – pure html table – funciona bien en todos los navegadores. El segundo y el tercero son el menú de estilo CSS con pantallas de table-row table-cell Pero IE8 no los representa correctamente. ¿Hay alguna manera de crear un menú CSS puro que […]

Mostrar un encabezado diferente en la primera página impresa con HTML y CSS

¿Es posible, con cualquier combinación de HTML y / o CSS, mostrar un encabezado en la primera página impresa y luego mostrar un encabezado diferente en cada página impresa subsiguiente? Sé que la etiqueta @media print CSS solo muestra algo cuando se imprime el sitio, pero eso no me permite tener diferentes encabezados en varias […]

La altura de columna igual de Flexbox establece la altura de columna dominante?

He hecho este ejemplo: .example { max-width: 600px; } .flex-row { display: flex; flex-wrap: wrap; } .flex-row .col { flex-grow: 1; flex-basis: 0; } .flex-row .content { flex: 0 0 60%; padding: 15px; background: #b7bdbb; } .image { display: flex; justify-content: center; align-items: center; overflow: hidden; } .image img { flex-shrink: 0; min-width: 100%; min-height: […]

Verticalmente Div Contenido del centro

Posible duplicado: centro div verticalmente en un% de altura div? Hola a todos, tengo una página con algo de contenido. Necesito centrar todo para que en grandes resoluciones, el contenido esté siempre en el medio de la página. Dos cosas. primero, si la resolución es pequeña, quiero que al menos el contenido se detenga cuando […]

html: decoración de texto de un enlace sin CSS

Necesito algunos diseños de mesa (técnicamente horribles pero de buen aspecto) para las moras que tienen todo el soporte de CSS deshabilitado. parece que no descubro cómo hacer que mis enlaces se muestren de la siguiente manera sin css: a.hover { border:0; } a { text-decoration: none; } ¿es posible, solo usando html?

Espacios en blanco desconocidos que aparecen dentro de sin relleno o márgenes

Tengo un problema extraño con los espacios en blanco en un diseño que estoy construyendo. Creé un para contener los elementos de votación: contiene un botón de reenvío, un botón de remisión y un total de votos, cada uno dentro de su propio elemento y el uso de para los botones. Fuente: 15 En el […]

Dos div’s uno al lado del otro pero primero div yendo a segunda línea

Tengo un escenario donde tengo dos divs. Me gustaría que el segundo div siga inmediatamente al primero. Actualmente, el espacio con el que tengo que trabajar es pequeño, por lo que el texto en el primer div es demasiado grande para una línea y se ajusta a una segunda línea. Si esto ocurre, me gustaría […]