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...
Eu tenho uma tabela html e quero desenhar uma seta de uma célula para outra célula. Por exemplo, assim: Como isso poderia ser feito? Exemplo de HTML: <html> <body> <table>
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...
Eu criei uma automação na qual ela permitirá que eu insira detalhes em um site (embora não possa compartilhá-lo por ser interno). Meu código abaixo está funcionando apenas até inserir um texto em "recebido de". No entanto, esse campo "recebido de" possui uma lista de preenchimento automático 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...
Eu tenho esse layout que foi criado dinamicamente: 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"...
O seguinte problema ocorreu usando o Firefox v73 na Janela 7: No meu código, eu uso um seletor de arquivos múltiplos em html para carregar até 100 arquivos paralelamente: <input type="file" id="files" name="files" multiple> Os arquivos serão enviados para uma API REST que os processará...
Tenho uma página no meu front-end com botões diferentes, todos por conta própria funcionam perfeitamente, mas se eu clicar no botão que abre uma extensão na Chrome Web Store e clicar em outro botão depois, a página não abrirá . Aqui está um exemplo do que estou falando. Se você clicar nos botões...
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...
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...
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...
Eu tenho tentado usar algo assim para obter um aumento de desempenho ao clicar em uma página de destino simples para um aplicativo de página única e pesado: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script"...
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...
Eu criei a seguinte plotagem gráfica assim: 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') Então eu criei o html...
Eu olhei para o console e notei esses avisos Um cookie associado a um recurso entre sites em http://google.com/ foi definido sem o atributo SameSite. Uma versão futura do Chrome só entregará cookies com solicitações entre sites se eles estiverem definidos com SameSite = None e Secure. Você pode...
Preciso criar um componente que precise trabalhar com ambas as especificações, custom elements spec v0que foram descontinuadas e a custom elements spec v1versão estável mais recente. Se eu criar componentes com custom elements v0especificações, alguns aplicativos enfrentarão problemas, pois estão...