Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
62 visitas

Como exibir o item que corresponde à pesquisa no HTML

Eu fiz o seguinte código: <!-- ----- --> <input id="search" autocaptalize type="search" list="pesquisa"> <datalist id="pesquisa"> ...
Sattu Santi's user avatar
2 votos
1 resposta
612 visitas

Transição ao clicar no botão

imagem do problema Olá, pessoal. Gostaria de fazer uma transição ao clicar no botão pequeno para um botão com frase e com maior width. Mas ocorre o problema da frase não acompanhar a largura do botão. ...
Letícia's user avatar
-4 votos
2 respostas
47 visitas

Alternar entre classes css com apenas 1 codigo

Meu cenário é o seguinte, tenho 4 classes de animações e necessito que independente da minha escolha a div faça o seu papel, porem esta acontecendo de que se eu executar uma as outras não funciona ...
Arsom Nolasco's user avatar
-3 votos
2 respostas
169 visitas

Nao estou conseguindo dar print no javascript [fechada]

Bem estou tentando fazer uma pagina de html simples em que o utilizador digita um número e depois a pagina mostra a tabuda do mesmo. So que não estou conseguindo fazer com que a pagina digite a tabuda,...
Jose Martinz's user avatar
0 votos
0 respostas
212 visitas

Como manter todas as divs em suas posições sem scroll lateral

Eu estou trabalhando em um projeto pessoal e enquanto fazia a parte de HTML e CSS do código cheguei nesse problema, a div que fica no meio empurra a div do menu lateral direito, criando um scroll ...
user avatar
2 votos
1 resposta
4mil visitas

Como estilizar ícone de calendário em HTML5

Eu tenho um input do HTML5 com o type="date", dessa forma: <input type="date"> Existe alguma forma de mudar a cor do ícone de calendário que ele traz nativamente? Já tentei ...
Danubio Lima's user avatar
0 votos
1 resposta
49 visitas

Criei uma função de remover a ultima string porém esta bugado

Estou criando uma calculadora e fiz a função de remover o ultimo numero digitado, porém esta ocorrendo um bug que se eu colocar para somar, subtrair, etc... com algo (antes de clicar no =) ele vai ...
Mateus Henrique's user avatar
1 voto
1 resposta
973 visitas

Como Fixar uma DIV na parte Inferior de um Elemento?

tenho uma "dashboard-box" com 3 divs filhos principais e gostaria de fixar a última div "box-rodapeGrafico" na parte inferior do box, somente essa div, como faço? Quero colocar a ...
user avatar
0 votos
2 respostas
352 visitas

(JAVASCRIPT) Como estilizar o layout desse código JS?

Tenho este código em javascript e gostaria de editar o layout dele, porém não sei como fazer (ou não lembro) se poderem me ajudar mostrando exemplos agradeceria. <script> function ...
user avatar
-1 votos
1 resposta
119 visitas

Atribuir valor CSS dentro do JS

Estou tentando atribuir um valor CSS via JS PURO. Isso aqui funcionou : $('a[title="Selecionar"]').css({ 'font-size':'0' }); Mas como que eu faço o :after do css nesse caso ??? , tipo : $('a[...
Verônica Emschermann's user avatar
1 voto
3 respostas
609 visitas

Switch de 3 status feito em css, como posso desabilitar as opções?

Eu tenho o seguinte código: .switch-toggle { float: left; background: #242729; } .switch-toggle input { position: absolute; opacity: 0; } .switch-toggle input + label { ...
Renan's user avatar
  • 743
1 voto
1 resposta
553 visitas

HTML/CSS: Quando clico no link não vai para o ponto certo da página

Tenho uma página que possui um menu no topo simples que possui alguns links que levam o usuário direto para a seção referente à esse link: <style> nav { width: 100%; height: ...
Mateus Daniel's user avatar
1 voto
0 respostas
127 visitas

Colocar estilo num input[type=checkbox] contendo só parte do id do input [duplicada]

Eu tenho um estilo em CSS assim: input[type="checkbox"] { box-shadow:none; background-color: #f5f5f5; } Queria colocar num checkbox que tem um id específio: <input type='checkbox' id='...
Rafaela Marraschi's user avatar
0 votos
1 resposta
943 visitas

Imprimir toda página HTML [fechada]

Fiz uma simples função para imprimir o conteúdo do meu site ao clicar em um botão, porém ao clicar no botão (ctrl+p) as imagens do site não aparecem, apenas o conteúdo... Apenas aparecendo se o ...
user169241's user avatar
-6 votos
1 resposta
96 visitas

Voltar a imagem original do radio button quando selecionar outro [fechada]

Amigos, boa tarde. Estou quebrando a cabeça à 2 dias por causa disso: Tenho 2 rádio button que possui um ícone e um texto: quando seleciono um, o ícone do mesmo é substituida por um ícone mais claro (...
Guilherme Lirio's user avatar
1 voto
1 resposta
900 visitas

Qual propriedade seria recomendado para o conteúdo da página não ficar "vazando"?

Imagem 1 Imagem 2 Qual propriedade seria recomendada para o conteúdo da página não ficar "vazando"? Nas quais utilizei no código a cima não obtive sucesso. Estou tentando manter este padrão de 3 ...
Gustavo Lopes's user avatar
0 votos
1 resposta
279 visitas

arrastar divs/aulas e obter a posição da Div

Estou desenvolvendo um site de plataforma de curso, cada curso pode ter muitas aulas. No banco de dados, cada aula tem uma coluna chamada position, então para o usuário final, bastaria fazer uma ...
Yung Silva's user avatar
1 voto
1 resposta
1mil visitas

position: sticky junto com overflow;

existe uma forma de fazer com que position: sticky e overflow-x: auto funcionem juntos, sem setar valores de height? Nessa estrutura que fiz ao setar overflow-x: auto na minha class .scroll, meu ...
OtavioCapel's user avatar
  • 1.549
-1 votos
2 respostas
3mil visitas

Problema em converter os valores do input em Reais, exemplo: R$ 20,00

Criei um Script para formatar valores do Input para Moedas Reais, porém tem um problema, quando coloca texto, apresentar "Nan", preciso que só possa digitar numero e não texto. var atual = ...
Marcelo Bueno's user avatar
-1 votos
1 resposta
210 visitas

Como resolver esse problema na colisão?

Se eu verifico a colisão só na horizontal, o programa pega toda a largura do cenário e não só da div. Código: <html> <style> #dv{ border:1px solid red; background-color:#344; height:...
Danilo Santos's user avatar
2 votos
1 resposta
901 visitas

Animação suave da div de baixo após remoção da div de cima

Segue código abaixo. Basicamente eu queria que a div.div2 tivesse uma 'subida' mais suave: <!DOCTYPE html> <html> <head> <script src="https://code....
Everton Freitas's user avatar
0 votos
2 respostas
967 visitas

Redimensionamento automático de div conforme largura da janela [fechada]

Minha duvida pode ser um pouco besta e com certeza muitos vão me achar meio burro, apesar de já ter algumas experiencias com front e end. A duvida e a seguinte, eu quero fazer um site que se estenda ...
Senpai's user avatar
  • 110
4 votos
3 respostas
6mil visitas

Como escrever HTML como texto dentro de uma div?

Por exemplo tenho a div: <div class="option" id="resposta-1" onclick="mudaConteudo()"></div> Gostaria de escrever sem que o html reconhecesse como uma tag mas sim um texto: <div ...
Leonardo's user avatar
2 votos
1 resposta
1mil visitas

Existe uma função do JavaScript para capturar o clique do mouse?

Este é meu primeiro post e tenho uma dúvida. Estou trabalhando num dropdown menu que atua baseado no clique do usuário. Dessa forma, ao clicar em um dos itens do menu, ele desce apresentando mais ...
Bruno Pinheiro's user avatar
3 votos
1 resposta
219 visitas

Efeito sombra igual na tela de login do gmail

Como fazer para o mesmo efeito de sombra ao clicar sobre o botão de mostrar/ocultar senha igual tem na tela de login do Google. Já tem tentei fazer com o pseudo-elemento :before usando :focus mas não ...
Sérgio Machado's user avatar
1 voto
1 resposta
41 visitas

Como manter uma lista com backgrounds alternados ao pesquisar

Tenho uma lista com background cinza no item:nth-child(odd) porém quando faço uma pesquisa é inserido um display none nos itens que não contém nada relacionado e acaba bagunçando a ordem das cores, ...
Renan Hugo's user avatar
0 votos
1 resposta
155 visitas

Colocando Javascript dentro Div [fechada]

Possuo esse codigo para mostrar a data esse <script language="javascript" type="text/javascript">// <![CDATA[ now = new Date document.write ("Esquenta Black Friday Somente Hoje " + now....
JVEUZEBIO's user avatar
  • 137
0 votos
1 resposta
246 visitas

Ocultar informação com javascript [DUVIDA] [fechada]

Estou criando uma pagina simples em HTML e separei a pagina em duas verticalmente, sendo dessa forma na parte que está em azul iria o logo e as info da ferramenta (ainda não fiz). Quando eu clico nos ...
André Felipe Jardim Firmo's user avatar
1 voto
1 resposta
1mil visitas

Como mudar a posição do owl-nav no Owl.Carousel

Estou usando o Owl.Carousel e estou quebrando a cabeça com o posicionamento das setas do NAV, preciso que ao invés de estar abaixo dos artigos ele fique acima.
Arthur74's user avatar
  • 187
-1 votos
1 resposta
883 visitas

Como travar a tela de fundo e permitir apenas o Scrooll no menu

Eu to com um problema aqui, eu criei um menu que tem rolagem, porém quando tenho que rolar, preciso que a tela de fundo fique travada e apenas role na medida do menu... Aqui estão as fotos: O código ...
Dunga's user avatar
  • 59
0 votos
1 resposta
909 visitas

Duplicar <div> sem duplicar o JavaScript

Preciso da seguinte ajuda: consegui juntar dois códigos que achei na internet, e editei a formatação a meu gosto. Tenho uma galeria com imagens e overflow na horizontal, meu código funciona, porém ...
Arthur74's user avatar
  • 187
0 votos
0 respostas
128 visitas

Muitos checkboxes travando navegador com Materialize CSS

Estou com um problema que é o seguinte: Estou usando o Materialize CSS, e Vue Js. Eu tenho uma tabela com cadastros, e em cada cadastro tem um checkbox ao lado para poder realizar alguma ação com ...
Otavio's user avatar
  • 50
0 votos
1 resposta
1mil visitas

Dúvida de como encolher/collapse um menu ao clicar no outro

Estou com um dúvida no seguinte item, criei um SideBar com menu em bootstrap, mas eu queria que ao clicar em um, aquele que tivesse aberto encolhesse. Exemplo Código feito até o momento: codeply ...
Antonio_Sistema_de_Informacao's user avatar
0 votos
1 resposta
4mil visitas

Como ajustar imagem no container

Eu tenho uma imagem 1220x780 e quero colocar ela em um container de 341x192, como faço para que ela apareça ajustada, centralizada, em "miniatura", estou usando max-width: ; max-height:; width: ...
Fernando's user avatar
  • 109
1 voto
1 resposta
76 visitas

Animações com css

Olá, estou com uma duvida em relação a animações com css, eu tenho uma pagina feita em HTML para um sistema de Internet das Coisas, que quando o usuário clica na bebida o sistema manda uma requisição ...
tomas's user avatar
  • 451
-3 votos
2 respostas
3mil visitas

Como criar um input color bacana? [fechada]

Estava criando um form onde a pessoa teria a opção de escolher uma cor, como eu não queria que a pessoa escrevesse a cor ou porque eu achava bacana decidi colocar um input do tipo color <input ...
WEB Last Wolf's user avatar
2 votos
3 respostas
1mil visitas

Como Tirar o "redimensionamento" de um textarea?

< script src = "//cdn.tinymce.com/4/tinymce.min.js" > < /script> < script > tinymce.init({ selector: 'textarea' }); < /script> <div class="form-group"> <...
Danilo Gonçalves's user avatar
0 votos
2 respostas
86 visitas

js ul lis aparecerem uma pós uma

Então, tenho uma ul com suas li's. Gostaria de fazer um js de forma que cada li aparecesse e sumisse (automaticamente em um ciclo infinito) para dar lugar à próxima li. Isto é, que cada li aparece ...
Carlos Rocha's user avatar
  • 3.951
2 votos
1 resposta
55 visitas

Sincronizar a animação dos elementos ao inserir no DOM

É possível inserir um elemento animado no DOM de forma sincronizada? ou seja, ao inserir o estado atual é mantido e não resetado como no exemplo abaixo... function add() { let ctn = document....
Felipe Duarte's user avatar
1 voto
0 respostas
29 visitas

Mudar background menu css scroll on [duplicada]

Boa noite, estou quebrando a cabeça tentando mudar a cor do fundo ao usar o scroll mas ainda não obtive êxito. O código do menu é: <header class="xs-header-section xs-header-height header-main-...
Everton Gouveia's user avatar
3 votos
2 respostas
303 visitas

Minimal Hover Menu - Da maneira certa

No exemplo abaixo temos um menu interessante, com um efeito hover, que segue o mouse e seus itens. Tudo é muito bonito e funciona bem. O problema é que esse menu está definido com dimensões padrões, ...
John Quimera's user avatar
0 votos
1 resposta
1mil visitas

Atribuição do radio button através da div

Estou precisando fazer um questionário de perguntas simples e respostas de multipla escolha, neste caso escolhi o radio button... No meu PHP estou recebendo os posts e já estou fazendo as verificação ...
Nathan's user avatar
  • 794
0 votos
1 resposta
626 visitas

Botões posicionados no rodapé da página sobem quando o teclado dos dispositivos móveis aparece

Estou desenvolvendo uma página responsiva que possui no inicio um campo de busca e no rodapé dois botões com posicionamento absoluto, em dispositivos móveis após clicar no input o teclado é exibido e ...
Munir Baarini's user avatar
0 votos
3 respostas
538 visitas

:first-child no .active do owl-carousel não funciona

Bom dia! Estou usando o plugin owl-carousel que possui varios itens. Preciso pegar o primeiro e o ultimo item da primeira pagina, mas nao estou conseguindo. O carousel renderiza assim: <div ...
Amanda Vieira's user avatar
-1 votos
2 respostas
94 visitas

função para alterar meu .css se a largura da téla for "X"

Olá. estou em fase de aprendizado. Na tentativa de criar um site responsivo. Preciso de um script .js ou .css. para que quando esta largura no códgo (css) for verdadeira, execute o código. em css. (...
ruan vioto maran's user avatar
2 votos
1 resposta
1mil visitas

Alterar CSS com Javascript para campo required

Entrei no W3 Schools e peguei um código de exemplo para um form multi step. No modo "padrão" ele não passava pro próximo step até todos os campos estarem preenchidos. Acontece que preciso que somente ...
Alexandre Oliveira's user avatar
0 votos
0 respostas
161 visitas

Como manter tempo uniforme para os slides independente da quantidade de slides?

Tenho o código abaixo que funciona normalmente. Porém, com um inconveniente: Quanto mais imagens coloco no slide mais rápido as imagens trocam. Gostaria de fazer com que, indiferente da quantidade ...
Carlos Rocha's user avatar
  • 3.951
2 votos
1 resposta
2mil visitas

Como inserir fontes especificas no CSS? [duplicada]

Meu cliente passou fontes específicas para um site. Estas estão em formato TTF. Sou acostumado a usar as fontes do Google e não há elas lá. Como posso utilizar estas fontes em meu CSS ou HTML?
Ramos's user avatar
  • 620
2 votos
1 resposta
771 visitas

HTML e CSS - Centralizar Tabs ao centro da página

É uma pergunta newbie, mas estou com esta dificuldade. Tenho 3 tabs que estão assim: Mas gostaria que ficassem no centro desta forma: Também ao invés de texto, gostaria de colocar imagens. Meu ...
Ramos's user avatar
  • 620
1 voto
0 respostas
246 visitas

Contador de pagina php ou javascript

Bom, não estou conseguindo usar o CSS @page para fazer a contagem das paginas na hora de imprimir, alguém sabe um método? <style> @page{ counter-increment: page; } .totalpag{ ...
Yan P. Gabriel's user avatar