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,550
perguntas
0
votos
0
respostas
4
visitas
Ao adicionar um efeito em uma imagem utilizando css, a imagem fica em cima do cabeçalho, cobrindo o mesmo. sem efeito nenhum o cabeçalho fica em cima
header {
background: #FFF;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999px;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}
.parte-1 {
background-image: url("../imagens/img1.jpeg&...
-1
votos
0
respostas
7
visitas
Estou trabalhando um código de app de tempo e ao fazer a parte do JS deu um erro que não consigo encontrar podem me auxiliar? não faz a pesquisa [fechada]
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="...
-2
votos
0
respostas
17
visitas
Leia mais só funciona após o segundo click [fechada]
Por algum motivo o leia mais só funciona após o segundo click
function leiaMais(){
var mais = document.getElementById("mais")
var btnLeiaMais = document.getElementById("btnLeiaMais")
...
-2
votos
0
respostas
12
visitas
Organização CSS em projeto React (alinhamento de div)
Tenho um projeto front-end em react estou tendo problemas para organizar a uma div que contém um botão buscar, aparentemente ela não permanece alinhada a mesma altura que as outras divs, não entendo ...
-1
votos
0
respostas
36
visitas
Corrigindo imperfeições de um sistema de calculadora JavaScript
Estou desenvolvendo um sistema de calculadora e estou com problema. Estou inserindo dentro de elementos de uma tabela eventos de onclick que inserem dentro do visor da calculadora caracteres e números ...
0
votos
0
respostas
21
visitas
Meu menu ''Toggle'' responsivo, não está visível quando o tamanho da tela é menor, tablets e celulares. está funcionando, mais não visivel [fechada]
Meu CSS
@media (max-width: 768px) {
header {
padding: 10px 0;
}
header .container {
width: 100%;
}
.menu-principal {
visibility:hidden;
position: fixed;
top: 0;
...
-3
votos
0
respostas
11
visitas
media queries only work on devtools but not on devices [fechada]
I made a project with simple html and css and added some media queries.(my resolution is 1980x1080)
It turns out that when I set for example 1366x768 (which is a common resolution for notebooks) in ...
-3
votos
0
respostas
11
visitas
Media Queries só funcionam no DevTools nos dispositivos não [fechada]
Fiz um projeto com html e css simples e adicionei alguns media queries.(minha resolução é de 1980x1080)
Acontece que quando defino por exemplo 1366x768 (que é uma resolução comum para notebooks) no ...
-2
votos
0
respostas
12
visitas
alguem saber como roda um link com redirecionamento pra outro link no video html? [fechada]
inserir a descrição da imagem aqui
ja tentei de tudo e não funciona, o link ele leva pra outro que nele tem o video com o link temporario, mais no video não funciona.
-2
votos
1
resposta
22
visitas
Como alterar dinamicamente a posição de um botão?
Estou criando um menu lateral com CSS, no estilo sidebar vertical.
Porém, não consigo fazer com que meu botão dinamicamente acompanhe a div content do menu.
Segue a imagem abaixo para melhor ...
-2
votos
0
respostas
24
visitas
Como colocar o rodapé (footer) no final da pagina?
Estou tendo dificuldade em fazer o rodapé de um template, pois ele fica indo para o meio da pagina
*{ font-family: Arial, Helvetica, sans-serif;
}
body{ margin: 0;
padding: 0;}
header{
...
-2
votos
0
respostas
12
visitas
Problema com espaçamento e responsividade [fechada]
boa tarde!
Sou iniciante, estou tentando fazer meu primeiro site só que estou tendo 02 problemas crônicos. Primeiro é que estou com uma margin bem grande no lado esquerdo de toda página e também um ...
-2
votos
0
respostas
10
visitas
Background gradiente não ocupa a tela inteira [fechada]
Salve galera, estou tendo dificuldades em fazer um gradient ocupar a tela inteira, ele chega sempre a um limite, caso eu ultrapasse ele não estica e fica branco.
Aqui está o código:
.main {
...
-1
votos
0
respostas
15
visitas
Como alterar o estilo de uma tag, quando uma outra tag for selecionada
sou iniciante na area estou com um probleminha, pretendo alterar o estilo de uma label quando um input for selecionado.
.entrada_dados input:focus,
.entrada_dados input:valid{
border-...
-1
votos
0
respostas
4
visitas
Caixa flutuante de email malito:exemplo@ex.com [fechada]
Eu estou com um problema de comunicação no meu portfolio e queria adicionar um botão flutuante de email para ir para o meu email
-3
votos
0
respostas
17
visitas
Carregamento de imagem lento
Estou usando uma imagem em um sidebar no meu site de portofólio próprio, porém a mesma possui um carregamento lento, isso porque estou usando 1.3 segundo de "transition". Alguém sabe de ...
-4
votos
0
respostas
16
visitas
CSS não modifica o HTML
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
height: 100vh;
width: 100vw;
background: linear-gradient( 90deg, rgba(65, 185, 131, 1) 0%, rgba(0, 212, 255, 1) 100%);
}
....
-2
votos
0
respostas
11
visitas
problema do RequestAnimationFrame?
Quando estou fazendo uma animação com o requestAnimationFrame e quero gerar elementos com js a cada tempo, mesmo eu tentando com o setInterval, setTimeout ou cancelAnimationFrame ainda não funciona, ...
-4
votos
1
resposta
32
visitas
É possivel fazer o efeito de :hover do Youtube com Css e Js? [fechada]
Observando a interface do youtube em sua home, notamos que ao passar e manter o mouse sobre a tumbnail de algum video, apos manter o mouse por alguns segundos, o video se expande, mostra alguns botoes ...
3
votos
1
resposta
52
visitas
Existe alguma forma de forçar prefers-color-scheme?
Estou desenvolvendo um aplicativo web que irá adaptar as cores para o que o usuário preferir. Pretendo criar uma opção para forçar tema claro e uma para forçar tema escuro. Atualmente tenho um código ...
-3
votos
0
respostas
7
visitas
Como deixar essa imagem responsiva e o titulo também [fechada]
Olá, tudo bem?
Eu gostaria que quando diminuísse a tela, a imagem e o titulo quebrassem em bloco, mas não estou conseguindo fazer. Obs: sou iniciante, estou praticando conceitos de flexbox, mas sou ...
-3
votos
0
respostas
15
visitas
Ajuda com HTML,CSS,JS colocar label em imagens [fechada]
Preciso de ajuda para colocar labels em uma imagem de forma dinâmica. Na imagem abaixo é possível entender melhor o problema.
Problema 1
Nesta imagem tem um silo de grãos e estes labels com números ...
-2
votos
0
respostas
17
visitas
Ajuda em JavaScript jogo da velha [fechada]
Ola, eu fiz um joguinho da velha em JS, mas gostaria de saber como posso fazer para o usuario colocar seu nome ao escolher o X ou o circle.
-2
votos
0
respostas
22
visitas
JAVASCRIPT/CSS - Por que o :hover não funciona após uma animação terminar em JavaScript?
Quando a página se inicia, a imagem (que eu peguei uma qualquer como exemplo) diminui de tamanho, mas após o efeito terminar, o :hover não funciona para a imagem expandir novamente, apenas aplica o ...
0
votos
1
resposta
24
visitas
Diferença entre o "Pixel real" e o "Pixel de referência" no CSS [duplicada]
Recentemente me deparei com duas definições distintas de pixel no CSS. O pixel "real", a junção de pontos luminosos rgb em nossa tela, e o pixel de "referência" usado no CSS, sendo ...
-2
votos
0
respostas
7
visitas
Div sendo empurrada pra fora de outra div quando esta aumenta de tamanho [fechada]
Boa tarde, estou com esse problema que quando adiciono elementos dentro de uma div ela sai pra fora de outra div pai como se essa div pai empurrasse a div de dentro pra fora dela
Sou iniciante em HTML ...
-1
votos
0
respostas
9
visitas
Espaço entre o componente filho e a borda do componente pai
Estava criando um projeto com reactjs com vite e Tailwind, quando ocorreu este problema. Mesmo com o componente header com width = 100%, ainda sobra um espacinho entre a borda do componente pai e o ...
-2
votos
0
respostas
39
visitas
Estou perdido com um projeto de um curso [fechada]
Olá, estou com uma grande dificuldade em finalizar um projeto que comecei assistindo a um certo curso, se trata de uma representação de um robô com uma série de atributos que são dinamicamente tipados ...
-2
votos
0
respostas
23
visitas
O meu botão de fechar 'x' não está funcionando [fechada]
const Nabvar = () => {
return (
<div className="nabvar-hello">
{/* <button id="close" className="btn-close">×</button> */...
-2
votos
0
respostas
14
visitas
Colocar um grafico ao lado do outro
To tentando colocar um gráfico ao lado do outro, mais o segundo gráfico sempre fica em baixo do primeiro.
o segundo gráfico e chamado pelo um input que chama ela pelo Ajax
primeiro grafico
<html>...
-3
votos
1
resposta
20
visitas
Cards do BootStrap sobrepondo uns aos outros quando em responsivo
Tenho que entregar um site de receitas responsivo feito 100% com bootstrap (nunca tinha usado antes) e sempre que começo a diminuir a tela do site isso acontece https://prnt.sc/cGNRkmemCENB os cards ...
-2
votos
0
respostas
8
visitas
Hyperlinks não funcionam em safari e mobile IOS [fechada]
link da pagina que os hyperlinks não funcionam :
https://www.capef.com.br/arearestrita/login/
Nem os números de telefone também não funcionam no ios mobile.
3
votos
2
respostas
120
visitas
Como aplicar cor ao conteúdo de um elemento?
Imaginando o cenário HTML:
<div>
<a>Cachorro</a>
<p>Leão</p>
Macaco
<i>Gaivota</i>
</div>
Eu preciso aplicar um estilo específico para ...
-2
votos
1
resposta
32
visitas
Como criar um sumário com paginas numeradas do HTML para o DOCX
Estou gerando um relatório dinâmico em HTML usando o Editor.js em um projeto Next.js com a intenção de gerar o Docx ou PDF. Preciso incluir um sumário com link e pagina de todos os tópicos, tabelas e ...
0
votos
0
respostas
18
visitas
input como bloquear
Bom dia!
Preciso fazer manutenção em um sistema e queria saber como desabilito a edição de um "input" feita pelo usuário. Porem com disabled e readonly não resolve meu problema uma vez que ...
-2
votos
0
respostas
12
visitas
Como criar um efeito de sombra por trás de um menu mobile?
Estou fazendo um desafio do site Front end mentor, e estou na parte da criação do menu mobile. Gostaria de poder fazer essa sombra quase que transparente que fica por trás do menu enquanto ele está ...
-4
votos
0
respostas
24
visitas
o github pages não carrega as imagens em background-image [fechada]
Minhas imagens não carregam no github pages, estou a horas tentando encontrar a solução em localhost carrega certo, mas no github pages não abre
https://brunocharra.github.io/web-site-Luxury-Motel/
...
-1
votos
0
respostas
23
visitas
Como eu faço para centralizar o texto "Ativo" na imagem abaixo, framework quasar vue
[inserir a descrição da imagem aqui][1] </template>
<template v-slot:body-cell-status="props">
<q-td :props="props">
<q-chip :label="props.row.status==...
-2
votos
0
respostas
13
visitas
Estou tentando deixar o back-groud Alpha opaco em 0.5, mas meu código não deixa
[Olá a todos.
Preciso de ajuda para tentar solucionar um problema.
De acordo com a imagem anexada, quando eu tento aplicativo o <back-ground-color: rgba(0, 0, 0, 0.5) o mesmo não é aplicado a ...
-2
votos
1
resposta
41
visitas
Script PHP não insere no banco SQL
Boa Noite, amigos
Estou tentando fazer uma inserção no banco SQL com o seguinte formulário
`
Descrição
<label for="password">Valor</label>
...
-1
votos
1
resposta
20
visitas
tela de loading aparece so o ícone sobre o conteúdo
minha tela de loading aparece só o icone sobre o conteúdo da tela inicial. quero adicionar uma cor solida ao fundo que desaparece junto com o icone quando o site carregar. como adiciono?
<body ...
0
votos
1
resposta
36
visitas
Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links
Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links a dentro das li do ul? E ai eu tenho que fazer um ul a {} para que isso aconteça?
/* ...
-2
votos
0
respostas
29
visitas
requerid não funciona quando eu envio os dados do formulario
Quando preencho todos os dados o formulário envia normalmente, porém quando envio ele vazio ele envia também, eu notei que ele não verifica se os campos estão vazios quando o atributo data-button está ...
-2
votos
0
respostas
24
visitas
Como ajustar o background, sem criar uma "margem" embaixo
Conforme eu vou diminuindo a janela do navegador aumenta um espaço da div de baixo.
Queria que ficasse com o mesmo resultado porem sem esse espaço entre as divs, eu usei o background:cover e meio que ...
0
votos
0
respostas
23
visitas
Article lado a lado com CSS
Olá, pessoal!
Tenho uma página de noticias em criação como exercício de uma formação que estou fazendo, e colocando a mão na massa, vem surgindo algumas dúvidas.
Como já mencionei, é uma página de ...
0
votos
0
respostas
27
visitas
Alinamento de elementos dentro de um DIV
Como faço para alinhar itens dentro de um div conforme seguinte imagem;
inserir a descrição da imagem aqui
Código HTML
<div class="birthday-row" data-birthday-item="" >
...
0
votos
0
respostas
32
visitas
Mostrar resposta em pop-up
Vou cadastrar cpf dentro do código para não precisar de banco de dados quando o cpf digitado for autorizado deve mostrar a mensagem liberando a lista de acesso.
se o cpf não estiver autorizado deve ...
-2
votos
0
respostas
19
visitas
Sobrepor uma div
Bom dia,
Estou criando uma Dashboard com CSS e precisa de uma ajuda. (https://i.stack.imgur.com/VqzEQ.png)
A Div "Abertos" eu queria aplicar um efeito de transição nela, para quando ...
-4
votos
0
respostas
21
visitas
Gente por alguma razão a tooltip desse icone em especifico não está aparecendo. alguem pode me ajudar?
Estou com 3 icones mas só quero uma tooltip em um deles. alguem sabe porque não está a aparecendo?
html
<div class="icons">
<a href="#&...
-1
votos
1
resposta
33
visitas
Espaço em branco indesejado entre header e section
Por que o css cria esse espaço em branco entre o header e a section, se estou aplicando margin-top apenas na div"card-container" dentro da section?
* {
margin: 0;
padding: 0;
box-...