Perguntas com a tag [css]
Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
8,531
perguntas
-1
votos
1
resposta
250
visitas
É possível aplicar transparência em gradiente?
Boa tarde, gostaria de saber se é possível tornar uma imagem de fundo transparente em uma escala gradiente utilizando HTML, CSS ou JavaScript.
Imagem de como está
Gostaria de aplicar a transparência ...
-3
votos
1
resposta
53
visitas
Media Queries não alteram conteúdo
Estou montando um site e fui acrescentar algumas media queries para a responsividade. Porém não tem alteração alguma no site quando o viewport é alterado, já troquei as variáveis de max para min-...
-3
votos
2
respostas
279
visitas
Mover texto tipo <a> html via css
sou novo na programação, e no momento estou tentando aperfeiçoar meu html/css. Tenho um problema bobo, mas acredito que mais pessoas podem ter essa mesma duvida.
Quero mover o tipo de dado <a>&...
-4
votos
1
resposta
292
visitas
Roleta com botão
Gostaria de saber como faço para criar um botão que ao clicar nele ele altere a cor de um input.
Porém quero ficar alternando como se fosse uma roleta.
Eu clico no botão e ele altera a cor de um input,...
-2
votos
1
resposta
156
visitas
Validação para evitar registro duplicados em um formulário PHP
Estou com um site aonde o usuário insere: -Código Produto codProd , Descrição Produto descProd e Unidade de Medida unidMed. Nesse caso queria colocar um tipo de mensagem printada na tela, se o usuário ...
-3
votos
1
resposta
87
visitas
LINHA EM HTML, NÃO CONSIGO DEIXAR UMA MESMA LINHA COM TRES CORES DIFERENTES
Rapaziada eu estou com uma duvida que não consigo entender como funciona.
EU SOU INICIANTE E ESTOU TREINANDO ALGUMAS COISAS.
EU GOSTARIA DE SABER COMO QUE EU FAÇO PARA DEIXAR UMA MESMA LINHA COM TRES ...
-3
votos
1
resposta
28
visitas
Dar espaçamentos entre textos e campos de preenchimento
Quero ter um espaçamento entre alguns texto/campos de preenchimento um do outro, exemplo:
Razão Social:ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤContato:
[CAMPO DE PREENCHIMENTO]ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ[CAMPO DE PREENCHIMENTO]
Se ...
0
votos
1
resposta
66
visitas
Preciso que para o formulário passar para a próxima página todos os campos estejam preenchidos, caso não estejam, o botão será bloqueado
const prevBtns = document.querySelectorAll(".btn-prev");
const nextBtns = document.querySelectorAll(".btn-next");
const progress = document.getElementById("progress");
const formSteps = document....
-4
votos
1
resposta
34
visitas
como faço para ajustar o img de um icone
estou querendo ajustar o img de um icone mas não estou conseguindo, já tentei colocar margin de 10 px e nada
CÓDIGO DO HTML:
clique aqui: (img do icone do twitter) para acessar o meu twitter
CÓDIGO:...
-4
votos
1
resposta
42
visitas
JavaScript mudar cor de uma pagina
Basicamente eu preciso que qnd alguem clique na imagem a pagina mude de cor, estou começando agora no js
-1
votos
1
resposta
36
visitas
problema com margem de div
olá, estou fazendo um kanban e estou com dificuldade de deixar as divs alinhadas. A div que tem mais atividades fica certa, mas as demais ficam lá em baixo.
foto da tela
segue o código:
<!DOCTYPE ...
0
votos
1
resposta
63
visitas
Alinhar textos ao centro começando do mesmo ponto
Queria saber como alinhar esses textos no centro e partindo do mesmo ponto.
Esta dúvida surgiu pois alinhei os textos ao centro da tela, mas queria que todos partissem do mesmo ponto no centro, para ...
-2
votos
1
resposta
145
visitas
Como colocar o valor de inputs do tipo date e time em um objeto Date
Alguém sabe como faço para puxar o valor do input data e time pelo botão e jogar o valor pra dentro do new Date() fazendo o contador regressivo pegar
var to = new Date('2022-10-16 23:59');
...
0
votos
1
resposta
23
visitas
Problema com flip card
A animação de flip card funciona na primeira div, porém não funciona na segunda div
código
https://codepen.io/Jarles7/pen/yLjwEQq
-1
votos
2
respostas
240
visitas
Texto do button não fica alinhado
Quero saber como arrumar o texto dentro do button, já tentei criar um style no texto porém isso não funcionou.
.buttonfunc button{
font-family: 'Darker Grotesque';
background-color: 7FBCB1;
...
-3
votos
1
resposta
65
visitas
alinhar e centralizar imagem e titulo
Olá.
Eu queria centralizar e alinhar o me H1 e H2 com a Imagem
<main>
<div class="divclass">
<ul>
<li>
<div class="bike">
...
0
votos
1
resposta
67
visitas
Preciso colocar 4 cards na mesma linha, estou usando: display: flex e flex-flow: row; mas eles ficam um abaixo do outro, alguem sabe o que fazer?
.carrosel {
display: flex;
flex-flow: row;
margin-left: 160px;
}
.cards {
width: 266px;
height: 493px;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 8px -4px rgba;
border-radius: 8px;...
-2
votos
1
resposta
36
visitas
Trabalhando com position de elemento na vitrine
Olá! Eu tenho um problema que em teoria é simples mas eu não consigo mais achar uma possível solução para ele. Meu cliente é vtex e eu tenho um selo de Últimas Oportunidades que é configurado quando o ...
-3
votos
1
resposta
67
visitas
Alinhamento de DIVS com CSS
Boa tarde galera, tenho uma dúvida em relação a alinhamento de div. Eu gostaria de deixar os itens do info 1 ao lado dos itens da info 2, como se fossem em blocos, e centralizados no meio da página, ...
-3
votos
1
resposta
80
visitas
Como alinhar varias divs com uma única classe
Estou tentando recriar esse layout simples:
Layout
Mas estou apanhando muito nas divs (quadrado cinza) que tem que estar alinhadas e bem divididas na parte do "portfólio" na foto, mas não ...
-3
votos
2
respostas
172
visitas
Gostaria se tem como colocar o min e o max no css para limitar os numeros em uma input type number
Nome
<label for="email">Email</label>
<input id="email" type="email" name="Email" required />
<label for="age&...
2
votos
1
resposta
547
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. ...
-1
votos
1
resposta
291
visitas
Como colocar duas <li> uma do lado da outra?
Como colocar duas (li) uma do lado da outra? Porque estão grudadas no mesmo lugar
* {
margin: 0;
padding: 0;
}
a {
color: #FFF;
text-decoration: none;
transition: 0.3s;
}
a:...
-2
votos
1
resposta
641
visitas
mat-icon Angular don't appear
I Import the Mat-Icon from Angular, but when i use then, he does not appear. Someone helps me?
Below my code:
app.module:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@...
-2
votos
1
resposta
1mil
visitas
Não Consigo abrir uma página pelo VSCode
Estou fazendo minha primeira página WEB conforme exercícios da faculdade, até ontem estava usando o VSCode normalmente, porém hoje estava eu fazendo alguns teste e quando fui executar, apareceu a ...
-2
votos
1
resposta
77
visitas
Preciso colocar um elemento na direita enquanto o restante fica na esquerda. CSS
Preciso deixar a Palavra Tabela no canto Direito bem afastada la na ponta, enquanto as outras 3 palavras ficam proximas entre si na esquerda, eu cheguei perto quando usei o space-between/space-aroud, ...
-3
votos
1
resposta
43
visitas
Fiz um relógio mas o link dele não gira [fechada]
Esse é o link dele https://biancavieiraa.github.io/Relogio/
const secondHand = document.querySelector('.second-hand');
const minsHand = document.querySelector('.min-hand');
const hourHand = ...
-3
votos
2
respostas
4mil
visitas
Como diminuir o tamanho do input?
Alguém poderia me ajudar a diminuir o tamanho dos campos dos inputs? não manjo quase nada, provavelmente esta cheio de redundâncias, agradeço se alguém puder me mostrar o que estou fazendo de errado
...
-2
votos
1
resposta
200
visitas
Display block e Display None aparecem ao mesmo tempo
Estou tentando criar um dark mode para meu site, porém, os dois aparecem ao mesmo tempo e quando clico para alterar o theme da pagina, o icon errado some.
Gostaria que o icon sumisse e o outro icon ...
-1
votos
3
respostas
240
visitas
Alternar uma div entre 2 cores com apenas um botão
Preciso criar um evento para que os botões façam uma div alternar entre duas cores ao clicar, consegui fazer utilizando o math pra randomizar cores, mas dessa forma com duas cores fixas to tendo ...
0
votos
1
resposta
118
visitas
Como colocar a borda do paragrafo com tamanho mínimo e que deixe o texto sempre dentro da borda
Gostaria de deixar o texto das alternativas sempre dentro da borda, sem quebrar a linha, porém quando abro em algum monitor menor ou diminuo a tela, a borda da caixa de texto invade o texto.
Neste ...
-3
votos
1
resposta
46
visitas
Página não chama os dados de banco de dados
Bom estou com um projeto usando html,css, js e php pra criação de uma tabela aonde os dados do banco serão mostrados na tela. Porém quando eu entro na página, ele não carrega os dados da tabela. Ele ...
-2
votos
1
resposta
97
visitas
Mostrar e esconder menu não está funcionando
Olá estou tendo um problema quando eu clico no botão toggle menu. Aparentemente o js está funcionando, quando eu vou no inspecionar a classe CSS 'show' é acionada mas não abre o menu que configurei no ...
-3
votos
1
resposta
121
visitas
Estou fazendo meu site, básico, primeira vez. Porém, os icones sumiram
<div id="box">
<h1>Home</h1>
<img src="images/img-people.png" alt=>
<input class="post" placeholder="What's happening?" type="text" /><br><br>
<...
-1
votos
1
resposta
224
visitas
Minha div ultrapassa a div pai mesmo eu colocando width 100%
estou com uma duvida, tenho um botão porem ele ultrapassa a div pai, mesmo eu colocando a div pai com "position:relative" e o "right:100%" do botão.... alguem sabe dizer oq esta ...
-1
votos
1
resposta
283
visitas
Como fazer um popup aparecer acima de todos os elementos o filtro de desfoque da página2
Em meu projeto, desejo, ao clicar em um botão, mostrar um Popup na tela, e desfocar o fundo.
O filtro de desfoque e o Popup funcionam conforme eu clico no botão, entretanto, o desfoque fica acima do ...
-2
votos
1
resposta
251
visitas
Auto-click de botao em botao com intervalo de tempo com Javascript
Vamos lá, eu criei uma Home com um videoslider de background que passa de video em video conforme voce clica nos botões, porém, pensei em tentar automatizar este processo de click no botão com um ...
-3
votos
1
resposta
86
visitas
Como mudar a cor de um link após ter sido acessado e ficar salvo no site sem apagar após clicar F5
Como faço para trocar a cor do link que esta dentro da minha tabela. Esse link e utilizado para baixar um arquivo de acordo com o ID dele. Eu queria que por padrão ficasse vermelho e quando a pessoa ...
-5
votos
1
resposta
38
visitas
Div com background sobre uma div com opacity [fechada]
Tenho duas divs:
.containerBlock {
opacity: 0.9;
background: #fff;
width: 100%;
height: 100%;
z-index: 5;
position: absolute;
}
.containerCall {
background: blue;
padding: 15px;
...
1
voto
1
resposta
1mil
visitas
HTML e CSS: colocando duas imagens lado a lado com legenda embaixo de cada uma no README do meu perfil do GitHub
Contexto
Sou iniciante em desenvolvimento web e estou estudando HTML, CSS e JS puros para front-end. Paralelamente, venho estudando Git para versionar meus projetos de estudo/estudo de caso. Resolvi ...
-2
votos
1
resposta
132
visitas
Como atrasar a exibição de um container usando Java Script ou CSS
Preciso fazer ajuste em um site, o cliente quer que um conteúdo seja exibido após 30 minutos.
Vou colocar um pequeno exemplo:
<div class="container">
<div class="row"&...
-2
votos
2
respostas
298
visitas
Puxar uma Função Javascript de uma Tag img do HTML
Eu estou iniciando meus estudos em HTML, CSS e Javascript e estou com uma dificuldade, estou fazendo um projetinho para meu portifólio uma página de Login porém eu não consigo puxar uma função de JS ...
-1
votos
1
resposta
47
visitas
Como mudar um valor de um Custom Data
To criando uma pagina onde vai um botão do youtube para se inscrever, queria de alguma forma mudar uma custom data que esta nele.
<div class="g-ytsubscribe" data-channel="...
-3
votos
1
resposta
49
visitas
Fazer uma ação com clique no js
Eu estou a um bom tempo tentando fazer com que eu pudesse iniciar uma animação de sprites após um clique mas já tentei de tudo no js e não consegui, se alguém puder dar um norte já ajudaria muito, ...
-4
votos
1
resposta
47
visitas
Quero fazer a div "text" sumir quando passar o mouse em cima da img "HTML5" e ao mesmo tempo fazer a div"text2" aparecer no lugar
<div class="banner">
<div id="text">
<h2>Quem sou ?</h2>
<p>Sou um desenvolvedor web dominante das linguagens <...
0
votos
1
resposta
120
visitas
Como alinhar os itens com display grid?
Estou criando um site e o layout é feito com display grid e está parte de criar o layout já entendi perfeitamente, porém não consigo fazer com que meu header por exemplo tenha o efeito do justify-...
5
votos
0
respostas
192
visitas
Como reverter surroundContents de um texto selecionado?
Estou criando um editor rich text que terá as opções de tornar um texto selecionado em negrito, itálico, etc. Até o momento consegui envolver a seleção em uma tag <span>e criei uma classe CSS ...
-2
votos
1
resposta
146
visitas
Efeito em imagem com JavaScript
Quero colocar um efeito de zoom ou a imagem ir surgindo com JavaScript. No HTML tem uma div, e seu fundo são as imagens. Com a JS eu mudo as imagens de segundos em segundos. Mas as imagens estão ...
0
votos
0
respostas
26
visitas
Para que serve isso? [duplicada]
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Estou fazendo um curso ...
-4
votos
1
resposta
49
visitas
Substituir uma tag para receber uma imagem sem mudar o resultado
Estou criando uma pagina dinâmica com MVC. Em um determinado ponto eu usei o seguinte código para preencher uma DIV com uma imagem do meu BD:
<div class="col mx-3 my-3 doub1 effect" ...