Todas as perguntas
113 perguntas
-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">
...
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 ...
-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
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 ...
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 ...
-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: ...
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 ...
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 ...
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 ...
-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 = ...
-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
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 ...
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 ...
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.
-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 ...
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
...
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
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 ...
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....
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-...
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, ...
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 ...
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 ...
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 ...
-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.
(...
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 ...
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 ...
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
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 ...
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{
...