Articles of css3

clasificación de tablas css basada en diferentes encabezados en la tabla

Quiero crear una tabla css que sea dinámica. lo que quiero decir es eso, deja que la tabla tenga 4 encabezados S.no., nombre, edad, país ahora cada campo tendrá una gran cantidad de datos como abc, 21, usa def, 24, uk ghj, 51, india ahora cuál es mi intención, esta tabla se mostrará en una […]

Alineación vertical y horizontal en CSS

Tengo problemas para alinear mi formulario tanto vertical como horizontalmente. No me importa si esto no es compatible con IE, planeo implementar una secuencia de comandos de detección de IE para decirle al usuario que use un navegador diferente, pero la compatibilidad con Firefox y Chrome es imprescindible. Esto es lo que tengo actualmente: HTML […]

¿Cómo centrar verticalmente más de una línea de texto (solo funciona en cromo)?

Recibí mi respuesta de stackoverflow pero descubrí hoy que la solución solo funciona en Chrome. Opera, IE y Firefox ponen los enlaces de menú (son generados dinámicamente por WP) en la parte superior. He estado tratando de arreglar esto durante la última hora, pero fue en vano … Aquí está el violín: http://jsfiddle.net/PjA6s/ Si la […]

Oración que muestra la mitad al final del div, overflow: hidden está cortando la oración

No sé cómo explicar esto. Veamos la imagen ¡Ver! Algunos textos se muestran divididos. Usé la propiedad oculta de desbordamiento. Corté toda la cadena en 200 letras. Y luego lo colocó dentro de un div. Esto es dynamic El problema ocurre cuando alguien pone extra o saltos en el párrafo. Entonces esto sucede. ¿Puede alguien […]

Barra de desplazamiento CSS 3: ¿agrega relleno y cursor?

¿Cómo puedo agregar estas dos cosas en la barra de desplazamiento? relleno alrededor de la barra de desplazamiento un cursor al pasar la barra de desplazamiento Este es mi código: #style-4::-webkit-scrollbar-track { background-color: #fff; } #style-4::-webkit-scrollbar { width: 5px; background-color: #fff; } #style-4::-webkit-scrollbar-thumb { background-color: #ccc; } #style-4::-webkit-scrollbar-thumb:hover { background-color: #666; cursor: pointer; } Puedes […]

window.getComputedStyle no funciona para las propiedades abreviadas de otros navegadores, excepto Chrome

window.getComputedStyle da el valor del estilo en Chrome, pero en Firefox y Microsoft Edge da una cadena vacía y en Internet Explorer, dice que no es compatible con ese método. Aquí está mi código. Siempre que se haga clic en la imagen de Voto ascendente, se dispara la función upDownVote() , pasando dos argumentos. Este […]

Diseño de Flexbox con dos elementos a la izquierda y uno a la derecha

Estoy tratando de lograr el siguiente diseño con flexbox. ┌─┬─────┐ │A│ │ ├─┤ C │ │B│ │ └─┴─────┘ ¿Es posible hacerlo sin envolver A y B en un contenedor?

¿Usar border-image (con slice) en IE11?

Lo que tengo está trabajando de manera espectacular en Chrome y, en este momento, tengo CSS alternativo para otros navegadores (en cambio, caja-sombra) usando las consultas de medios específicos de IE y Firefox para atender a cada uno individualmente (aunque es necesario). He intentado usar css3pie para que la imagen de borde funcione, ya que […]

texto en la parte superior de una imagen

Quiero centrar texto en dos esquinas de una imagen, una en la esquina superior izquierda y otra en la esquina superior derecha. Algo como esto: .left, .right { width: 300px; height: 200px; float: left; } .left-div, .right-div { position: relative; } .left-text, .right-text { position: absolute; top: 0; left: 0; z-index: 999; background-color: black; color: […]

Galería de Javascript – Imagen principal href change

Acabo de pasar por un tutorial sobre cómo desarrollar una galería de Javascript que cambia la ‘imagen principal’ al hacer clic cuando se hace clic en una de las miniaturas más pequeñas. El problema que estoy teniendo es que necesito la “imagen principal” para vincular a su propia página individual dependiendo de qué miniatura se […]