Preguntas con la etiqueta [css]
Usar para preguntas sobre hoja de estilo en cascada o CSS (siglas en inglés de *cascading style sheets*).
2,543
preguntas con respuestas sin votos o no aceptadas
12
votos
0
respuestas
319
vistas
VueJS. Se puede agregar la propiedad v-on a una tag transition-group?
Estoy trabajando en un proyecto de Vuejs 2.5, en el cual tengo una tabla dinamica con una animacion que se la proveo de la etiqueta predeterminada y en ella le digo que va a funcionar como un tbody ...
8
votos
0
respuestas
594
vistas
CSS: Parpadeos indeseados con "transform: scale;"
Tengo un formulario-contenedor que muestra fotos con cierta información adicional; en realidad está incluido en un bucle de PHP, por lo que se muestran tres a la vez:
También tengo un script jQuery ...
5
votos
2
respuestas
903
vistas
¿Cómo insertar valores externos dentro de un textarea?
Mi duda es si es posible crear una plantilla que cuando la seleccione el usuario en el option value de un formulario le salga una plantilla automática según la opción que elija, por ejemplo que cuando ...
4
votos
0
respuestas
136
vistas
¿Cómo alinear un nuevo botón en los Productos de WooCommerce?
¿Qué debo hacer para alinear el nuevo botón con el de WooCommerce?
He colocado un nuevo botón "AÑADIR AL CARRO" en algunos de los productos de WooCommerce. Se crea mediante php, por lo que ...
4
votos
0
respuestas
96
vistas
Problemas con el icono de html
Empecé hace relativamente poco tiempo a programar y ahora estoy haciendo mi portafolio. El día de ayer, realicé el modo oscuro en mi portafolio y funcionaba correctamente hasta hoy que empecé a ...
4
votos
2
respuestas
641
vistas
¿Cómo ajustar la pantalla vertical y horizontal en un dispositivo?
Tengo una aplicación integrada en Cordova que funciona moviendo los mosaicos para formar palabras. En el navegador se ve correctamente como puedes ver en el ejemplo que muestro código.
El problema ...
4
votos
1
respuesta
138
vistas
¿Cómo hago para que al enviar una notificación esta esté por encima del body?
Cuando envío notificaciones con flash en nodejs, estas mueven el body hacia abajo, cómo hago o qué tengo que poner para que esto no estorbe y quede por así decirlo por encima del body.
Seguramente ...
4
votos
1
respuesta
2k
vistas
¿Cómo podría centrar una Tabla con Css?
Estoy realizando unas tablas con diferentes estilos y debo realizar una en HTML que quedé algo parecido a esto:
Tengo algo ya parecido, pero aún no he podido centrarla de esa forma, si alguien podría ...
4
votos
2
respuestas
3k
vistas
Bootstrap-table.js altura dinámica
Buenas estoy probando el plugin bootstrap-table y estoy queriendo hacer que la altura de la tabla sea dinámica según el contenedor en donde se ubica o mejor dicho que sea variable de acuerdo a la ...
4
votos
1
respuesta
1k
vistas
Problema SCSS / CSS
Hasta hace poco usaba mi hoja de estilos SCSS, hacía las modificaciones y todo funcionaba bien, se me añadían a mi hoja de estilos CSS. Pero desde está tarde aplico cambios en mi SCSS y no se añaden. ...
4
votos
3
respuestas
1k
vistas
Controlar el tamaño en el que se muestra un formulario
Buenas, estoy creando una pagina la cual tiene la opcion para imprimir un formulario como si fuera word, este formulario es hecho con Boostrap y un poco de css, incluye texto, imagenes, etc. Es algo ...
3
votos
2
respuestas
101
vistas
Aplicar bordes en un polígono con CSS
Necesito lograr esta figura con los bordes idénticos a la imagen:
Este es mi styled component:
display: flex;
justify-content: center;
align-items: center;
width: 30%;
height: 25px;
border: 1px solid ...
3
votos
1
respuesta
86
vistas
Cajas de CSS se solapan por :link
He empezado esta semana con CSS y no entiendo por qué, en los dos <div> que voy a usar como caja/enlace, si uso en los dos :link en CSS se solapan, si solo uso :link en el primero no pasa nada:
...
3
votos
1
respuesta
104
vistas
Mostrar DIV cuando la URL coincida
Tengo estas 2 URL de una página hecha en WordPress + WooCommerce
https:// paginaweb.com/finalizar-compra/
https://
paginaweb.com/finalizar-compra/order-pay/874/?key=wc_order_dFD88wKOHAwWW
La primera ...
3
votos
1
respuesta
38
vistas
¿Cómo puedo obtener el código de color de un video al hacer click en una coordenada específica, convirtiéndolo a canvas?
Estoy haciendo un proyecto personal, la idea de realizar lo que quiero es que tengo un video, y un navbar arriba del video. Estéticamente no me gusta cómo queda el navbar con un color fijo, por lo que ...
3
votos
2
respuestas
891
vistas
¿Cómo añadir un h2 centrado al comienzo de este section sin que me lo tome como un elemento inline?
Básicamente lo que intento hacer es colocar este h2: <h2> Entrenamientos online intensivos, prácticos y de corta duración. </h2> como un título centrado al comienzo del section pero cuando ...
3
votos
1
respuesta
61
vistas
¿Cómo pongo "source" alternativos en CSS?
Digamos que tengo un elemento div vacío con id="icon":
<div id="icon"></div>
Y con CSS le añado tamaño e imagen de fondo:
#icon {
width: 80px;
height: 80px;
...
3
votos
1
respuesta
270
vistas
Mostrar contenido de una nav-tab segun el día corriente
Hola cómo están? estoy en proceso de aprendizaje, y necesito hacer lo siguiente.
Trabajo con bootstrap nav-tab para mostrar una programación de la semana de una radio.
Requisito: El usuario al entrar ...
3
votos
2
respuestas
184
vistas
¿Cómo hacer responsive para resoluciones específicas?
Estoy creando un sitio para practicar nada más pero tengo un problema con el aspecto responsive en ciertas pantallas de móviles con la opción de pre visualizar en google. En la mayoría de resoluciones/...
3
votos
1
respuesta
2k
vistas
Como quitar la clase css focus a un elemento en react
estoy intentando resolver un pequeño ejercicio en reactjs, soy nuevo iniciando en este framework y requiero hacer lo siguiente:
Tengo cierta cantidad de DIV un ejemplo 1000. la idea es que cuando haga ...
3
votos
0
respuestas
294
vistas
Como puedo generar una animacion en login con transiciones?
Estoy intentando copiar el efecto de una animación como la que adjunto en el video que hace que cuando sube el recuadro verde hace un efecto de transición que logro saber como se llama.
Adjunto el ...
3
votos
0
respuestas
63
vistas
¿De que manera el elemento raíz genera un contexto de formato de bloque?
¿Porque se dice que el elemento raíz o algo que lo contiene genera un contexto de formato de bloque? ¿De que manera lo hace?
Empece a estudiar este concepto con un articulo de MDN que dice lo ...
3
votos
1
respuesta
2k
vistas
ayuda como agregar y quitar div hijo con botones en reactjs
Buen día.
Estoy realizando una pagina web con react, hay un div padre en donde tengo dos botones y cada uno cambia cada div hijo ahí el ejemplo:
en mi código:
import React, { Component } from "react"...
3
votos
1
respuesta
290
vistas
Hacer que un contenedor con position absolute se adapte a su contenido en Chrome
Quiero que el contenedor se adapte al contenido (textarea) en Firefox se ve bien.
Pero en chrome el contenedor se vuelve más chico que el textarea.
Esto es lo que he intentado:
.item{
border:...
3
votos
1
respuesta
83
vistas
Poner espacio cada 200px
Quiero hacer un div que dentro tiene varios <ul> y <li> que se rellena automáticamente con mysql y php con un foreach. El <div> es infinito y quiero que cada 200px ponga un separador ...
3
votos
1
respuesta
209
vistas
jQuery UI Draggable no se muestra en impresión
Ocurre lo siguiente, El elemento Something puede ser arrastrado y soltado, pero si lo mueves de la zonaelements a printable e intentas imprimir cliqueando en Print this element en elements y ves la ...
3
votos
1
respuesta
157
vistas
Error width 100% al cargarse la tabla con la libreria CanvasJS
tengo un problema al utilizar la libreria CanvasJS. Defino el siguiente div:
<div id="resizable" style="height: 300px;">
<div id="chartContainer1" style="height: 100%; width: 100%;">&...
2
votos
1
respuesta
63
vistas
Transiciones en CSS JS
Tengo un proyecto web y quiero cambiar de imagen al hacer hover en una lista desplegable. Lo hace pero demasiado rápido.
¿Cómo puedo hacer que sea más despacio este cambio?
Me gustaría que al pasar el ...
2
votos
1
respuesta
52
vistas
SCSS dinámico con variables ya definidas
Estoy itentando ciclar algunos valores para concatenarlos con unas variables ya establecidas y solo darle una profundidad de color basado en una especie de arreglo.
Estas son mis variables con los ...
2
votos
0
respuestas
66
vistas
No se actualiza la vista del chat al procesar mensajes con socket.io
estoy tratando de construir un chat con salas, este chat estoy haciéndolo con Jquery para manipular el html y Node.js para el servidor, lo estoy haciendo para aprender programacion basica web y estoy ...
2
votos
2
respuestas
57
vistas
Estoy aprendiendo a usar bootstrap le agrego los enlaces correspondientes pero no me funciona, quiero usar un modal pero no funciona
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap ...
2
votos
0
respuestas
49
vistas
Cómo ocultar menú responsivo, al momento de disminuir dimensiones de pantalla (smartphone)
tengo un típico panel de administración con su menú lateral izquierdo funcionando todo ok, es responsivo y demás. El tema es que al momento de diminuir la dimensión de la pantalla, ya sea a una ...
2
votos
0
respuestas
82
vistas
Safari no me carga todas las webfonts personalizadas, ¿alguna opción?
Tengo un problema con la carga de webfonts. Y es que, en todos los demás navegadores de dispositivos como Android todas las webfonts se cargan perfectamente. Sin embargo, cuando intento cargar la ...
2
votos
1
respuesta
69
vistas
como cubrir el 100% de altura de mi navbar desplegable
estoy desarrollando una aplicacion con React y quiero que sea responsiva, por lo que hice que cuando la pantalla sea maximo de 960px, haya un menú desplegable.
El problema que tengo es que cuando lo ...
2
votos
2
respuestas
117
vistas
footer pierde posición al cambiar tamaño de ventana
estoy realizando un proyecto y en la página index logré posicionar el footer al fondo de la página, pero al cambiar el tamaño de la ventana (minimizar tamaño) veo que la pag hace scroll y el footer no ...
2
votos
0
respuestas
213
vistas
Las fuentes de fontawesome.com no se ven en mi página web
<link rel="stylesheet" href="../iconos/fontawesome-free-5.15.4-web/css/all.css">
Agrego los iconos en el html con sus respectivas clases, y no aparecen en el documento. La ...
2
votos
0
respuestas
122
vistas
cómo hago que un div se expanda hacia atrás con css?
y baje el div de atras cuando le doy click a un input checkbox, el div vuelve hacia abajo y no hacia la izquierda, e probado con css grid, grid-area, grid-column, order, flexbox, cuadrícula con float, ...
2
votos
0
respuestas
36
vistas
Función Include no interpreta el código HTML
Estoy creando una intranet para mi departamento, la cual quiero que sirva de repositorio para diferentes comunicados que he enviando por correo electrónico.
Para intentar agilizar el proceso y tener ...
2
votos
0
respuestas
201
vistas
Separar header, content y footer en PDF con DomPDF
Estoy usando el paquete barryvdh/laravel-dompdf para generar mi PDF, hasta aqui no he tenido mayor problema para ingresar los datos del formulario o agregar los estilos.
Mi problema principal es que ...
2
votos
1
respuesta
57
vistas
Que una ventana POPUP dure mas tiempo abierta
estoy haciendo un popup en wordpress sin plugins y tengo un problema y es que este se cierra de inmediato cuando necesito que se mantenga abierto al menos 10 segundos o mas, ademas de contar con un ...
2
votos
1
respuesta
172
vistas
¿De qué manera puedo lograr que aparezca marcado por defecto un ítem?
Estoy creando mi portfolio de Desarrollador Web luego de haber estado meses estudiando HTML y CSS e incursionando actualmente en JavaScript.
En mi sección de Hardskills decidí agregar un poco de ...
2
votos
1
respuesta
76
vistas
Maquetación extra pequeña en Bootstrap se rompe
Estoy realizando un layout para practicar con la grilla de Bootstrap, sucede que para dispositivos mas allá de 576px todo bien, ocurre cuando es menos que eso que realmente se pone todo en una sola ...
2
votos
0
respuestas
90
vistas
Problema con "position:sticky" con antecesor "overflow:hidden" (CSS)
Buen día.
Tengo problemas con la propiedad sticky. La disposición que tengo es la siguiente:
.A {overflow:hidden;}
.C {height: 500px;}
.D {height: 100px; position: sticky;}
Leí en varios blogs que ...
2
votos
0
respuestas
62
vistas
Cómo insertar fórmulas en un input en formato 2^3+1^2?
¿Cómo insertar fórmulas en un input en formato 2^3+1^2, garantizando que muestre en HTML la fórmula correctamente?
Lo que encontré antes era para poner en HTML formula como 2^2 se utiliza la etiqueta ...
2
votos
0
respuestas
225
vistas
Hacer que un div aparezca cuando hago focus a un input y desaparezca cuando de click en otro lugar que no sea el div
Tengo un elemento div que se aparece cuando a un input se le hace focus. Estoy trabajando con Tailwindcss.
El elemento div por defecto tiene la className="invisible" y cuando al input le ...
2
votos
1
respuesta
159
vistas
posicionar un fixed dentro de un relative
Hola buenas hace un tiempo que estoy intentando colocar unos botones fixed dentro de mi pagina web debido a que necesito que suban y bajen con el scroll, lo que pasa es que mi div central el que hace ...
2
votos
0
respuestas
90
vistas
Como evitar que se corte una tabla con varios tr
como puedo evitar que se corte una tabla que contiene varios tr
La tabla esta compuesta por tr
<table width="100%" name='page_table' >
<tr style="page-break-inside: avoid !...
2
votos
1
respuesta
95
vistas
Select panel o select box descuadrado del select
tengo varios mat-select todos con el mismo panelClass y los mismos estilos.
Sin embargo solo el última me muestra un comportamiento raro, ya que el despegable no se muestra aliñado con su Select padre....
2
votos
2
respuestas
134
vistas
¿Cómo tachar y deshabilitar los elementos dentro de un Dropdownlist que cumplan cierta condición?
Estoy creando una función que muestre horas médicas dentro de un Dropdownlist. Debo mostrar todas las horas pero marcar como "Tachadas" y Deshabilitadas las horas que ya están ocupadas de ...
2
votos
1
respuesta
714
vistas
Abrir iframe en ventana nueva
tengo este codigo que es de un widget de criptos, para saber los valores,
<div style="height:274px; background-color: #1D2330; opacity: 0.9; overflow:hidden; box-sizing: border-box; border: ...