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.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
511 visitas

Alinhamento com flex box [fechada]

Preciso que a imagem fique posicionada na esquerda até que o menu ative sua " responsabilidade " ( e então ela centralize normalmente ), porém já tentei adicionar ela em outro campo porém o menu ...
-1 votos
0 respostas
21 visitas

Qual argumento tem prioridade em :not() quando os seletores tiver a mesma especificidade?

Eu recentemente estou me aprofundando na cascata do CSS e uma parte que não estou entendendo como funciona é a especificidade dos argumentos da pseudoclasse :not(). Para ilustrar a minha dúvida, no ...
-1 votos
0 respostas
28 visitas

Como posicionar divs na vertical? [duplicada]

Eu estou querendo posicionar divs na vertical de 2 em 2 (primeira coluna tem 2 divs, segunda tem 2, etc) e quando chegar no final do viewport em vez de continuar mostrando a direita (que vai sair da ...
0 votos
2 respostas
947 visitas

Como fixar a posição de um header independente do tamanho da tela?

Basicamente estou construindo um menu hambúrguer e o mesmo tem essa barra azul como mostrada na tela abaixo: Porém quanto mais eu aperto essa tela, menor fica o tamanho desta barra, o que acaba ...
0 votos
1 resposta
28 visitas

Como definir um "botão de expansão"?

Estou trabalhando em uma estrutura de expansão em arvóre, para integrar a outro projeto existente. Semelhante ao do windows quero que seja apenas clicável para a expansão somente a seta e não a linha ...
-1 votos
0 respostas
17 visitas

Produtos quando adicionados duas vezes ao carrinho, não tem valor atualizado [fechada]

Boa noite, Pessoal. Tudo certo? Estou finalizando a programação de um carrinho de loja virtual. Só que estou com um sério problema. Quando clico uma vez (botão "+carrinho") para adicionar o ...
28 votos
9 respostas
55mil visitas

Como remover auto complete de input do google Chrome?

Quero remover background amarelo de quando esta habilitado o auto complete do Google Chrome. Tentei desabilitar o auto complete, aplicando: autocomplete="off" e não tive sucesso. A imagem de cima é a ...
-1 votos
2 respostas
454 visitas

Ajuda posicionamento de icone/view sob imagem [fechada]

gostaria de tirar uma duvida de CSS/HTML,vou iniciar um projeto em REACT NATIVE, e no projeto me deparei com esse objetivo de layout: Minha duvida é, de que maneira posso colocar o icone (ESTRELA) ...
-2 votos
0 respostas
17 visitas

Extração de cor [fechada]

Como extrair a cor que mais se destaca com javascript de uma imagem e utiliza lá como fundo de vejo que o YouTube utiliza muito isso nas playlists.exemplo do youtube
-2 votos
0 respostas
9 visitas

Colocar um rodapé na impressão da minha pagina [fechada]

estou tentando colocar algumas imformações no final da pagina ao imprimir porem sem sucesso. Ao imprimir gostaria que determinadas informações ficassem no final da ultima pagina.Gostaria que apartir ...
-2 votos
0 respostas
18 visitas

Não consigo tirar o vídeo da tela do meu site, como faço? [fechada]

Já vou deixar o link do meu site pra facilitar a compreensão do meu problema, https://lucasrafae1.github.io/projeto-mario/ Quando você entram no meu site vc já vê logo de cara que já aparece o vídeo, ...
-1 votos
0 respostas
13 visitas

Centralizar uma <div> [fechada]

Não estou conseguindo centralizar uma div com o flex box, coloco as tags display:flex, justify-content:center e align-itens:center, a div fica no centro porém no topo da página. como posso corrigir ...
-2 votos
0 respostas
9 visitas

Erro na Lógica If or Else [fechada]

O teste está retornando sempre True, ou seja, a mensagem de aprovado. Deveria mostrar Recuperação, quando a média for menor que 6. Qual o erro? var n1 = prompt("Digite um número"); n1 = ...
-4 votos
0 respostas
13 visitas

String vazia passada para getElementById(). no Javascript [fechada]

Estou fazendo 2 pequenas "animações" utilizando o Javascript para adicionar classes no Html e com essas classes novas o CSS possa fazer alterações na página, a primeira animação funcionou ...
0 votos
2 respostas
5mil visitas

Como alinhar um botão na parte de baixo de uma DIV

Como mover um botão (link) para a parte de baixo de uma DIV? <div class="item-info"> <h3><a href="https://www.lookandsoul.com.br/produto/cinto-fivela-dupla-preto/">Cinto fivela ...
0 votos
3 respostas
501 visitas

Problema com jQuery addclass and RemoveClass [fechada]

Fala ai galera estou com problema na utilização do addClass e Remove Class no jQuery. Eu preciso que a section de class="lala" ao clicar nela , ela desapareça e apareça a class="video". Preciso que a ...
-4 votos
1 resposta
34 visitas

Cometário estilo Instagram ( em React Native)

tenho uma dúvida que imagino que seja simples, porém não estou conseguindo, gostaria de saber como posso fazer isso no React Native. Segue a imagem como exemplo: São dois textos, um em negrito (nome ...
0 votos
2 respostas
354 visitas

Modal fecha mesmo clicando sobre ela

a modal abre normalmente, porém não posso usá-la. Qualquer lugar onde clico a modal fecha, a proposta inicial é que pudesse escrever e-mail e senha. .postagem { height: 100px; } #degrade { ...
0 votos
1 resposta
991 visitas

Navbar bootstrap collapse

Preciso de uma customização em uma navbar que é o seguinte: Primeiro, sem o collapse, aparecer dessa maneira (isso eu consegui e é bem tranquilo) Depois, quando tiver em telas menores, transformar ...
-3 votos
0 respostas
23 visitas

Gerar uma notificação de forma automatica de um site para whatsapp [fechada]

Quero saber como faço para gerar de forma automatica uma notificação de um site para um numero de whatsapp quando uma vendo for concluida.
-3 votos
0 respostas
10 visitas

Como centralizar objetos ao centro vertical de uma div que usa 'display: grid'? [fechada]

Tenho o seguinte código CSS: .conteiner-grid{ display: grid; width: 600px; height: 160px; grid-template-columns: 225px 220px ...
-1 votos
0 respostas
11 visitas

Minha Media Query não está aparecendo

Estou fazendo uma página para treinar o CSS e HTML, usando a técnica Mobile First. Tudo estava indo bem, até que abri o @media para aplicar as alterações em páginas com largura mínima de 40rem. Pra ...
1 voto
1 resposta
421 visitas

Como transformar lista em menu responsivel?

Estou com dificuldades para transformar a lista abaixo em um menu responsivo, algo parecido com a navbar responsivel do Bootstrap. Quero manter o estilo atual do menu, mas que ele se comporte igual a ...
0 votos
0 respostas
12 visitas

É possível fazer um sistema de contagem de visitas de vários sites em PHP? [fechada]

Olá!! Tenho um cliente que queria montar um website onde fosse mostrado o acesso(quantidade de visitas) e tráfego de outros sites. É possível criar algo assim utilizando PHP? Se sim, como? Poderiam me ...
3 votos
2 respostas
794 visitas

Limitar sidebar antes do footer

Eu tenho o seguinte código, porém tenho um footer de 650px, e ao rolar a pagina até o final o bloco fixo fica em cima do footer, como poderia resolver esse problema? <script> $(function(){ ...
-1 votos
1 resposta
19 visitas

Como eu faço para o meu formulário ir para a tela de login? [fechada]

const formulario = document.getElementById('form'); const borda = document.querySelectorAll('.border'); const confirma = document.querySelectorAll('.comfirm'); const negar = document.querySelectorAll('...
0 votos
0 respostas
21 visitas

Como fazer uma div ser submetida ao hover do elemento <li> estando fora do laço <ul>

.setas, .outra-seta { position: relative; width: 150px; height: 30px; background-color: red; } .container ul li:hover + .setas, .container ul li:hover + .outra-seta, .container ul li:hover ~ ....
-1 votos
0 respostas
37 visitas

O ul está aparecendo mesmo estanto com display none

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <...
0 votos
0 respostas
21 visitas

Icon não é preenchido com cor gradient

muito boa tarde! Não consigo colocar uma cor gradiente em um icon. Alguem poderia me dar uma força por favor? :) HTML: <span><i class="fas fa-dollar-sign fa-2x cor-azul" ></i&...
0 votos
0 respostas
6 visitas

Carousel de Imagens Bootstrap preencher a tela em modo mobile

Eu estou fazendo um site com bootstrap que tem uma homepage de carrossel de imagens. Em um computador com tela cheia ou média o carousel é responsivo e a imagem preenche a tela, do jeito que eu ...
0 votos
1 resposta
31 visitas

Como alinhar uma lista no cabeçalho de um site (HTML/CSS)

Estou tendo dificuldades para alinhar uma lista(MENU) no cabeçalho. A lista fica embaixo, onde já acaba o backgroundcolor. <div class="cabecalho"> <div class="logo"...
-2 votos
2 respostas
340 visitas

fazer div's descer ao mudar a resolução da tela [fechada]

Tenho o seguinte código: <style> .fotosJaCad { display:inline-block; vertical-align: middle; width: 18%; height: 175px; text-align:center; border: #000 .01px solid; ...
2 votos
2 respostas
15mil visitas

Criar efeito de fontawesone piscando

Tenho um software que uma parte é um chat interno, quero colocar o efeito de font piscando quando uma nova mensagem chegar. <i class="fa fa-comments"></i> Ao lado do nome eu tenho a ...
12 votos
3 respostas
2mil visitas

Como customizar a seta padrão da tag <details>?

Estou usando a tag HTML5 <details> para que o usuário, ao clicar, visualize algumas informações de uma determinada palavra. Por exemplo: <details> <summary>JavaScript (Clique ...
-3 votos
0 respostas
20 visitas

Como mudar o botão conforme o status em php mvc [fechada]

Então, gostaria de saber como fazer para que mude a cor do botão conforme o $status no php Preciso fazer com que mude conforme: $status = "Inativo" recebe grey; $status =" Livre" ...
-1 votos
0 respostas
10 visitas

imagem background não aparece no gitpages

Minha imagem de background só funciona no meu computador local, quando subo para o git pages ela some. background: url(../images/bg-bottom.png) bottom left, url(../images/bg-top.png) top right; Já ...
-2 votos
0 respostas
12 visitas

Alinhar itens ao centro de uma div [fechada]

Como faço para alinhar os itens "receitas", "despesas", "saldo" com a mesma dimensão no centro da div? $cor-primaria: #531f66; $cor-secundaria: #8300b3; $cor-texto: #...
-1 votos
0 respostas
8 visitas

Meu carrossel não vai para a segunda página (não roda), e minhas imagens fica uma em cima da outra

Html Document ...
0 votos
1 resposta
791 visitas

Caixas de seleção com Banco de Dados php

Boa tarde. Peço desde agora pra que relevem minha pouco experiencia em programação. Caso minha pergunta não esteja bem encaixada com o tema que eu vou apresentar, peço que me desculpem. Peço a ajuda ...
1 voto
1 resposta
413 visitas

Alterar Imagem HTML/CSS/JAVASCRIPT

Estou começando a aprender HTML/CSS/JAVASCRIPT, e estou com um projeto de um site, vou tentar explicar o que eu quero. Eu tenho 3 imagens de espelhos quebrados e quero que ao clicar em cada imagem ...
-1 votos
1 resposta
852 visitas

Menu dropdown vertical - Bootstrap

Estou fazendo uma página onde tem um menu dropdown e cada item do menu altera o conteúdo da div à esquerda. Meu problema é que quando clicar neste menu e ele mostrar seu submenu, ele deve jogar a "...
0 votos
3 respostas
1mil visitas

Como centralizar imagem ao texto?

Gostaria de usar a imagem centralizada ao texto, mas só consegui alinhá-la a esquerda ou à direita. Tem como centralizá-la, fazendo que o texto envolva toda a imagem? O código que fiz está abaixo: &...
36 votos
7 respostas
34mil visitas

Qual a diferença entre padding e margin no CSS?

Pelo que percebo vejo um recuo em relação a outro elemento quando definidas as propriedades left, top, right e bottom. Existe diferença entre margin e padding no CSS? Uma resposta com exemplos(...
3 votos
1 resposta
2mil visitas

Imagem com CSS - manipulação imagem e título

Quero colocar uma imagem atrás do título no topo da página, colocando o título para direita e centralizado e um parágrafo a esquerda contendo alguns dizeres, porém estou com um problema: Não consigo ...
0 votos
0 respostas
7 visitas

Estilização com classes no styled components

Quero estilizar um icone de seta ( -> ) usando seletor de classe e não consigo. Quando aplico o estilo com seletor de classe, nenhum estilo é aplicado. Estilo com classe Resultado com seletor de ...
0 votos
0 respostas
17 visitas

Como eu faço uma propriedade aumentar de acordo com a sua posição na div?

Eu estava testando animações em css, para isso fiz uma onda de som com algumas divs e uma animação simples. O ponto é: o delay da animação aumenta em .1 de acordo com a ordem das divs, assim: #...
0 votos
2 respostas
8mil visitas

Como centralizar e posicionar lado a lado duas imagens? html css

HTML: <div id="ladoalado"><img src="imgs/login.png"><img src="imgs/cadastro.png"></div> CSS: #ladoalado{ float: left; margin: auto; } Imagem do código:
3 votos
3 respostas
620 visitas

A Propriedade box-shadow: inset não funciona na tag<img>

Eu estava testando a propriedade box-shadow para fazer uma galeria e percebi que a tag <img> não aceita o box-shadow:inset... porém aceita o box-shadow normal. No entanto se eu colocar a <img&...
3 votos
3 respostas
1mil visitas

Criação de botões com bootstrap

Preciso criar botões com o estilo bootstrap semelhante a imagem abaixo. Pode-se encontrar os botões: https://fontawesome.com/ Entretanto consigo chegar somente neste resultado: Utilizo o seguinte ...
0 votos
0 respostas
29 visitas

Desabilitar via CSS o submit do input quando div pai estiver 'display: none'

Eu tenho duas div's e fora delas um input[type="radio"]. Criei um CSS aonde, dependendo de qual radio está checked, uma div fica display: block e a outra permanece display: none. Dentro de ...

1
2 3 4 5
172