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,560
perguntas
-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
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 ...