Quiero colorear el fondo de svg de manera textsimilar a background-coloren css Solo pude encontrar documentación sobre fill, que colorea el texto en sí ¿Es siquiera
Tengo contenido de base de datos que tiene diferentes tipos de datos, como videos de Youtube, videos de Vimeo, texto, imágenes de Imgur, etc. Todos tienen diferentes alturas y anchos. Todo lo que he encontrado mientras buscaba en Internet es cambiar el tamaño a un solo parámetro. Tiene que ser el...
Estoy tratando de agregar una superposición negra transparente a una imagen cada vez que el mouse se desplaza sobre la imagen con solo CSS. es posible? Probé esto: http://jsfiddle.net/Zf5am/565/ Pero no puedo hacer que aparezca el div. <div class="image"> <img
Entiendo que esto es imposible de lograr usando Flexbox, ya que cada fila solo puede tener la altura mínima requerida para adaptarse a sus elementos, pero ¿se puede lograr usando la nueva CSS Grid? Para ser claros, quiero la misma altura para todos los elementos en una cuadrícula en todas las...
Tengo una lista y cada elemento está vinculado, ¿hay alguna forma de que pueda alternar los colores de fondo para cada elemento? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link...
Tengo un div con un ancho de 250px. Cuando el texto interno es más ancho que eso, quiero que se descomponga. El div es float: left y ahora tiene un desbordamiento. Quiero que la barra de desplazamiento desaparezca mediante el ajuste de palabras. ¿Cómo puedo conseguir esto? <div...
¿Es posible recibir una notificación (como devolución de llamada) cuando se ha completado una transición de
Como mucha gente, me gustaría personalizar lo feo input type=file, y sé que no se puede hacer sin algunos trucos y / o javascript. Pero, el caso es que en mi caso los botones de carga de archivos son solo para cargar imágenes ( jpeg | jpg | png | gif ), así que me preguntaba si podría usar un...
En CSS, overflow:hiddense establece en contenedores principales para permitir que se expanda con la altura de sus hijos flotantes. Pero también tiene otra característica interesante cuando se combina con margin: auto... Si el hermano PREVIOUS es un elemento flotante, aparecerá yuxtapuesto a...
¿Cómo puedo evitar que el área de texto se extienda más allá de su elemento DIV padre? Tengo este área de texto dentro de una tabla que está dentro de un DIV y parece que hace que toda la tabla se extienda fuera de sus límites. Puede ver un ejemplo de la misma situación incluso en un caso más...
Por ejemplo, si tengo el siguiente HTML: <div class="someDiv"></div> y este CSS: .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft:...
Tengo una tabla con muchas filas en mi página. Me gustaría establecer la altura de la tabla, digamos 500px, de modo que si la altura de la tabla es mayor que eso, aparecerá una barra de desplazamiento vertical. Intenté usar el heightatributo CSS en el table, pero no
Dado lo siguiente, ¿cómo puedo hacer que mi última columna se ajuste automáticamente a su contenido? (La última columna debe tener un tamaño automático de ancho para el contenido. Supongamos que solo tengo 1 elemento li, debería encogerse en lugar de tener 3 elementos li, etc.): <table...
La celda no contiene nada más que una casilla de verificación. Es bastante ancho debido al texto en la fila del encabezado de la tabla. ¿Cómo centro la casilla de verificación (con CSS en línea en mi HTML? (Lo sé)) Lo intenté <td> <input type="checkbox" name="myTextEditBox"...
Tengo problemas para comprender el comportamiento de la :afterpropiedad CSS . Según la especificación ( aquí y aquí ): Como sus nombres indican, las :beforey los :afterpseudo-elementos especifican la ubicación del contenido antes y después del contenido del árbol de documentos de un...
Tengo un conjunto de <a>etiquetas con diferentes colores de fondo rgba pero con el mismo alfa. ¿Es posible escribir un solo estilo CSS que cambie solo la opacidad del atributo rgba? Un ejemplo rápido del código: <a href="#"><img src="" /><div class="brown">Link...
Tengo esta imagen de botón: Me preguntaba si sería posible hacer un <a href="">some words</a>enlace simple y estilizado para que aparezca como ese botón. Si es posible, ¿cómo lo
<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> Lo anterior no funciona. ¿Cómo puedo establecer el ancho máximo de una celda de la tabla usando
Estoy mostrando un número de cuadros en una fila con altura y ancho fijos, generados a partir de etiquetas <li>. ahora necesito alinear el texto en el centro vertical. La alineación vertical de CSS no tiene impacto, ¿tal vez me falta algo? No estoy buscando trucos de uso (margen, relleno,...
Intenté alinear una imagen con el centro de la tabla td. Funcionó con la configuración de margin-left en un valor específico, pero también aumentó el tamaño de td y eso no es exactamente lo que quería ¿Hay alguna forma eficaz de hacer esto? Usé porcentajes para la altura y el ancho de la...