El problema parece ser que ciertas letras como g, y, q, etc, que tienen una cola que se inclina hacia abajo, no permiten el centrado vertical. Aquí hay una imagen para mostrar el problema . Los caracteres en el cuadro verde son básicamente perfectos, ya que no tienen cola hacia abajo. Los que...
Tengo este diseño que se creó dinámicamente: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120"...
El siguiente problema ocurrió usando Firefox v73 en Windows 7: En mi código, uso un selector de múltiples archivos en html para cargar hasta 100 archivos en paralelo: <input type="file" id="files" name="files" multiple> Los archivos se enviarán a una REST-API que los procesará...
Tengo una página en mi interfaz con diferentes botones, todos los botones, por sí mismos, funcionan perfectamente, pero si hago clic en el botón que abre una extensión en la tienda web de Chrome y luego hago clic en otro botón, la página no se abre . Aquí hay un ejemplo de lo que estoy hablando....
Intenté muchas formas de hacer que la tabla se ajustara a la página (A4) como se muestra en la imagen: busqué mucho pero no pude encontrar nada útil en la web. Estoy usando una tabla dinámica, todo está bien, excepto el ancho de la tabla. Aquí está mi código: $content =...
Siguiendo un pedacito de mi código. Solo me pregunto por qué la celda "iphone" parpadea solo desde iphone. PD. No puedo usar una tabla o una lista para la estructura. También intenté usar transform: translate3d(0,0,0);. Básicamente, también necesito que la primera celda sea pegajosa para Left y...
Desde el lanzamiento de Chrome v78.0.3904.70, veo problemas con el uso de la propiedad CSS white-space: nowrap;. El espacio que no se rompe parece causar un salto de línea. Cuando se usa text-overflow: ellipsis, el texto real no se mostrará ya que está roto fuera del contenedor. Solo...
Para llenar toda la altura de la página, utilizo height: 100%;las etiquetas html y body, y funciona bien hasta que un navegador se cierre y se vuelva a abrir. (No uso 100vh debido a problemas en dispositivos móviles
Estoy trabajando en una aplicación web de una sola página, que generalmente se usará en dispositivos móviles. Una de sus características es un modo de mapa, que ocupa temporalmente toda la ventana del navegador; una escala de distancia y algunos controles están unidos a las cuatro esquinas del...
He estado tratando de usar algo como esto para aumentar el rendimiento al hacer clic desde una página de destino simple a una aplicación de una sola página de peso pesado: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch"
Ayer hice una pregunta similar, pero la expliqué mal y no especifiqué mi deseo de una solución de CSS puro, que creo que debería ser posible, así que lo estoy intentando nuevamente. Básicamente, tengo un problema en el que tengo un div de mensajes desplazables y un campo de entrada debajo de él....
Estoy tratando de imitar otras aplicaciones de chat móviles donde, cuando seleccionas el send-messagecuadro de texto y se abre el teclado virtual, el mensaje más inferior todavía está a la vista. Parece que no hay una manera de hacer esto con CSS de manera sorprendente, por lo que JavaScript...
He creado la siguiente trama argumental de esta manera: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Luego creé el...
Miré la consola y noté estas advertencias Se configuró una cookie asociada con un recurso entre sitios en http://google.com/ sin el atributo SameSite. Una versión futura de Chrome solo entregará cookies con solicitudes entre sitios si están configuradas con SameSite = None y Secure. Puede...
Necesito construir un componente que deba funcionar con ambas especificaciones, custom elements spec v0que quedaron obsoletas y con la custom elements spec v1última versión estable. Si construyo componentes con custom elements v0especificación, algunas aplicaciones enfrentarán problemas ya que...
Tengo algunos problemas reales al intentar que mi barra lateral / contenido de navegación (usando Bootstrap) se muestre (se expanda) de forma predeterminada en el escritorio y se cierre de forma predeterminada en el móvil y que el icono se muestre solo en el móvil. Parece que no puedo hacer que...
Tengo un problema con el marcador, quiero que el marcador se pueda estirar para marcar cualquier parte de la barra de progreso Como se muestra en el siguiente GIF Pregunta: Quiero seleccionar cualquier punto en la barra de progreso y poder estirar el marcador, que puede ser múltiples puntos de...
Tengo una tabla "ordenable" donde el encabezado de la columna actualmente ordenada muestra un icono: El icono de clasificación se mostrará al final del texto (es decir, admitimos LTR / RTL). Actualmente estoy usando display:flex. Sin embargo, si el ancho de la tabla se reduce y el texto del...
Tengo un formulario con un menú desplegable dependiente. Este menú desplegable secundario se oculta cuando la opción principal seleccionada no tiene ninguna opción secundaria, y cuando la página se carga por primera vez. Cuando se envía el formulario, solo se borra el primer campo, ya que la...
He creado un contenedor en el que he animado el mismo efecto que Apple en su página de Airpods Pro . Básicamente es un video, cuando me desplazo el video se reproduce poco a poco. La posición del video es fija, por lo que el texto se desplaza muy bien sobre él. Sin embargo, el texto solo es visible...