Estou tentando criar uma animação no estilo montanha-russa com CSS. Eu quero saber como curvar a "montanha-russa" quando estiver no estágio de loop. Estou procurando por uma solução totalmente CSS, mas se houver necessidade de um pouco de JavaScript, estou bem com isso. meu código até...
Estou trabalhando na tabela HTML e, imprimindo essa tabela na impressora usando o html-to-papervue.js. O que estou fazendo é clicar em adicionar, criar uma nova linha e, em seguida, clicar em imprimir. Estou tentando imprimir a tabela, mas ela não está sendo usada. quaisquer dados mostrando apenas...
Quando digito o último número , o primeiro número entra no text-box(desaparece), adicionando um espaço extra. Depois de clicar fora text-box, fica bem o que eu preciso durante a digitação do último caractere. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0;...
Como tornar um iframe responsivo, sem assumir uma proporção? Por exemplo, o conteúdo pode ter qualquer largura ou altura desconhecida antes da renderização. Observe que você pode usar Javascript. Exemplo: <div id="iframe-container"> <iframe/> </div> Dimensione isso...
No exemplo a seguir, quando você clica no rótulo, a entrada muda de estado. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:...
O preenchimento automático do navegador Chrome removeu o efeito de background-colore background-imagede Usernamee Passwordcampos de entrada. Antes do preenchimento automático Após o preenchimento automático Mas o preenchimento automático do navegador Chrome oculta meus ícones das entradas e...
A questão parece ser que certas letras, como g, y, q, etc. que têm uma cauda que se inclina para baixo, não permitem a centragem vertical. Aqui está uma imagem para mostrar o problema . Os caracteres na caixa verde são basicamente perfeitos, pois não têm cauda descendente. Aqueles na caixa...
Tentei várias maneiras de ajustar a tabela à página (A4), como mostra a figura: pesquisei bastante, mas não encontrei nada útil na web. Estou usando tabela dinâmica, está tudo bem, exceto a largura da tabela. aqui está o meu código: $content = '<table><thead><tr><th...
Tente executar o seguinte snippet e clique na caixa. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none'...
Temos um aplicativo de comércio eletrônico que envia detalhes do pedido quando uma compra é feita e acabamos de redesenhar esse modelo de email. Nos últimos dias, recebemos relatórios de alguns clientes com metade do texto do e-mail ausente. Depois de finalmente obter uma captura de tela,...
Seguindo um pequeno pedaço do meu código. Apenas querendo saber por que a célula "iphone" está piscando apenas no iphone. PS. Não posso usar uma tabela ou uma lista para a estrutura. Eu também tentei usar transform: translate3d(0,0,0);. Basicamente, eu preciso que a primeira célula seja pegajosa...
Desde o lançamento do Chrome v78.0.3904.70, estou tendo problemas com o uso da propriedade CSS white-space: nowrap;. O espaço sem quebra parece causar uma quebra de linha. Ao usar text-overflow: ellipsis, o texto real não será exibido, pois está quebrado fora do contêiner. Apenas parece...
Histórico do problema: estou usando o katex para renderizar matemática em uma página. Desejo, então, criar uma versão em PDF de parte dessa página, para criar um documento HTML que contenha a parte a ser exportada que incline todo o CSS e o transmita ao renderizador. O renderizador não pode acessar...
Para preencher toda a altura da página, eu uso as height: 100%;tags html e body, e funciona bem até que um navegador seja fechado e reaberto. (Não uso 100vh devido a problemas em dispositivos móveis
Estou trabalhando em um aplicativo Web de página única, que normalmente será usado em dispositivos móveis. Um de seus recursos é o modo de mapa, que assume temporariamente a janela inteira do navegador; uma escala de distância e alguns controles são anexados aos quatro cantos do mapa. Aqui está uma...
Fiz uma pergunta semelhante ontem, mas a expliquei mal e não especifiquei meu desejo por uma solução CSS pura, o que acho que deveria ser possível, então estou tentando novamente. Basicamente, tenho um problema em que tenho uma div de mensagens roláveis e um campo de entrada abaixo dele. Quando...
Estou tentando imitar outros aplicativos de bate-papo para celular onde, quando você seleciona a send-messagecaixa de texto e ela abre o teclado virtual, a mensagem mais abaixo ainda está em exibição. Parece não haver uma maneira de fazer isso com o CSS de maneira surpreendente, então o JavaScript...
Estou com problemas para tentar exibir meu conteúdo da barra lateral / navegação (usando o Bootstrap) para mostrar (ser expandido) por padrão na área de trabalho e fechado por padrão no celular e ter o ícone exibido apenas no celular. Parece que não consigo fazer isso funcionar. <nav...
Eu tenho uma tabela "classificável" onde o cabeçalho da coluna atualmente classificada exibe um ícone: O ícone de classificação deve ser exibido no final do texto (ou seja, apoiamos LTR / RTL). Atualmente estou usando display:flex. No entanto, se a largura da tabela diminuir e o texto do...
Eu tenho um aplicativo em que estou usando a UI do material e seu provedor de temas (usando JSS). Agora estou incorporando o fullcalendar-react , que não é realmente uma biblioteca React completa - é apenas um invólucro fino do componente React em torno do código original do fullcalendar. Ou...