Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
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 ...
3 votos
1 resposta
7mil visitas

Diminuir menu fixo conforme rolar a página

Quero saber como diminuir o tamanho do menu no momento em que houver scroll. Este é meu menu: header { position: fixed; width: 100%; box-shadow: 0 4px 20px -4px #ababab; ...
-1 votos
2 respostas
383 visitas

alterar keyframe CSS via jQuery

Estou tentando alterar um keyframe CSS, na verdade fazer um update, mas não estou conseguindo concatenar variáveis CSS à javaScript. A ideia, na verdade, nem é alterar. Mas sim, inserir no final do ...
-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"> ...
-1 votos
3 respostas
12mil visitas

Como fazer um cronometro com html5+css+javascript,que ao final do tempo selecionado toque(ou execute) um *.mp3 [fechada]

Comecei testando com esse código HTML: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body onload="principal();"...
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. ...
-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 ...
-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 ...
-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,...
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 ...
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 ...
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 ...
1 voto
1 resposta
972 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 ...
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 ...
17 votos
3 respostas
7mil visitas

Como fazer um marquee sem a tag <marquee>?

Estou precisando usar um marquee, mas como todos estão falando que marquee é uma coisa pré-histórica e não deve ser usado mais, estou em dúvida quanto ao que usar no lugar dele. No site da MDN fala ...
-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[...
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 { ...
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: ...
0 votos
3 respostas
4mil visitas

Imagem surgindo com efeito Fad-in após carregar página

Preciso fazer 4 imagens aparecer, uma de cada vez, na minha página, após o carregamento dela. EFEITO NA IMAGEM: Seria o efeito fade-in, se não me engano é esse o nome. Esse efeito é aquele que a ...
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='...
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 ...
-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 (...
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 ...
-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 = ...
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 ...
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 ...
6 votos
5 respostas
2mil visitas

Como fazer progresso de etapas utilizando gráfico de rosca?

Estou desenvolvendo uma tela utilizando o progresso do aluno, por exemplo, ele tem 10 atividades para serem completadas, e está na atividade 2, então isso representa 20% do total da atividade. ...
2 votos
1 resposta
1mil visitas

Preciso deixar a parte de cima de uma tabela fixa, enquanto a tabela tem um scroll [duplicada]

Tenho uma tabela dinâmica, e queria que a head dela ficasse fixo na dela enquanto eu dou scroll na tabela, ao chegar ao fim da tabela, o head "some" e vou assim para a próxima tabela. Tudo isso sem ...
-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:...
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....
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 ...
4 votos
4 respostas
7mil visitas

Como deixar embed YouTube responsivo no site, ao abrir quero Width apareça 100%

Eu já tenho vários embed no meu site porém não quero ir lá e alterar 1 por 1. o que eu quero é um código para alterar todos os Iframes, com 100% da largura e height se ajustar de forma responsiva. ...
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 ...
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 ...
1 voto
0 respostas
142 visitas

Design bugado! (porém com cache funciona, "desbuga")

Estava montando uma tabela com scroll e me deparei com o seguinte bug no css: Se eu aperto f5 2 vezes a tabela acaba se concertando e fica assim: Quando eu limpo o cache(ctrl + f5) o erro volta... ...
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 ...
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, ...
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....
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 ...
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.
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 ...
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 ...
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 ...
2 votos
2 respostas
3mil visitas

Mudar a cor de uma palavra em um textarea ainda em edição

Como faço para que toda vez que o navegador achar uma "palavra reservada" no textarea, ele automaticamente mude a cor dela. Eu quero saber para fazer um destaque de sintaxe.
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: ...
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 ...
-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 ...
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?
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"> <...
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 ...