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
0 respostas
8 visitas

como eu posso mudar a posição de um ListButton do material ui no typescript preciso coloca em inline-block

como eu posso mudar a posição de um ListButton do material ui no typescript preciso coloca em inline-block, mas ate o momento não consegui <div className='btn1'> <ListItemButton ...
petrecas's user avatar
-3 votos
0 respostas
11 visitas

como posso alterar a posição de item fixo no material ui

como posso mudar tags fixas do material ui esse é meu codigo e eu queria mudar ele de modo que eu possa muda as posições de cada botão import { Avatar, ListItemButton, ListItemIcon, ...
petrecas's user avatar
-2 votos
0 respostas
15 visitas

Seção fixa, invisível quando mudar a pagina

Bom uso o BLOGGER, e ontem adicionei uma seção a pagina inicial, e queria apenas que a mesma só ficasse visível na inicial. é possível ? Acompanha todas as paginas e post, ele esta na raiz acima do ...
celo vendas's user avatar
-3 votos
0 respostas
16 visitas

como eu trago a imagem e os textos para frente no meu codigo html/CSS [fechada]

@import url('https://fonts.googleapis.com/css2?family=Mooli&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Mooli', sans-serif; } .conteiner { ...
Flavio Augusto's user avatar
-2 votos
0 respostas
16 visitas

remover DIV dependendo da resolução [fechada]

Estou usando bootstrap para fazer um portfólio e dividi uma parte do site com duas div de col-6, mas quando o site chega numa width de 1000px, quero remover uma dessas col-6 e centralizar a outra na ...
Henrique kerner's user avatar
-3 votos
0 respostas
12 visitas

Abrir varias abas (links) e manter a principal aberta [fechada]

preciso que ao clicar em uma tag, abras vários links em abas diferentes, porem a pagina pricipal deve permanecer. tentei o onclik, mas a pagina principal não continua
Jorge Luís's user avatar
-2 votos
0 respostas
13 visitas

Como ocultar uma div, apos rolar scroll [fechada]

Quero ocultar o menu do meu site, ao chegar em uma determinada parte da pagina!
Ruan Santos's user avatar
-2 votos
0 respostas
10 visitas

Problema com o scrollable no <p-table> (PrimeNG) ANGULAR

tenho um código de uma tabela em angular usando o do PrimeNG e quero deixar as 8 primeiras colunas fixas e as outras rolando. Estou usando o pFrozenColumn para isso, e para usa-lo preciso definir a ...
Henrique kerner's user avatar
-4 votos
0 respostas
19 visitas

ERRO NO GITHUB PAGES - O site seguinte é fraudulento [fechada]

Galera, estou enfrentando problemas para acessar meu GitHub Pages. Ontem mesmo eu estava conseguindo acessar, mas hoje já não estou conseguindo. E este problema está acontecendo nos 2 repositórios que ...
Matheus Penninck's user avatar
-2 votos
2 respostas
56 visitas

Como faço para habilitar botão usando condicional?

Estou tentando fazer uma formulário teste para aprender a fazer um formulário maior. Mas meu código JS não está funcionando como eu esperava. A ideia é: que a pessoas preencha os dados, nome, ...
BrunaGentil's user avatar
-3 votos
1 resposta
32 visitas

Como colocar mas de 1 imagem no fundo de uma pagina Web css

Tenho 4 imagens e não sei como colocar elas no mesmo plano de fundo, como faço isso alguem pode me ajudar. plano de fundo
beto freelas's user avatar
0 votos
0 respostas
16 visitas

Problema ao carregar links de arquivo CSS e imagens de repositório do GitHub em projeto local - Como solucionar?

Eu criei um projeto na minha máquina local e, após finalizá-lo, fiz o upload para um repositório no GitHub. No entanto, estou enfrentando um problema com links no meu código que não estão sendo ...
Matheus Penninck's user avatar
-2 votos
0 respostas
14 visitas

criar sub menu prestadores

Bom dia, preciso criar um sub menu sendo o menu prestadores e o sub menu Downloads como faço com essas linhas de comandos <!-- Collect the nav links, forms, and other content for toggling --> &...
Fernando Ferreira Alves Correi's user avatar
-2 votos
0 respostas
18 visitas

Site com framework Quasar não aparece o CSS da Página "<%= productName %>" [fechada]

Pessoal estou com um projeto com o qual nunca trabalhei com o FrameWork Quasar, tive que aprender em 1 MÊs. Em questão o SITE NÂO APARECE e FICA SOMENTE COM TELA BRANCA. O projeto tem 2 páginas HTMl, ...
Ronald Chiquitelli's user avatar
-4 votos
1 resposta
25 visitas

Colocar icone no canto inferior direito

Estou fazendo um card personalizado no sharepoint online usando JSON. O modelo é esse inserir a descrição da imagem aqui Não consigo arrastar o "HeartFill" para direita de forma alguma, já ...
Primex's user avatar
  • 1
-4 votos
0 respostas
14 visitas

Quando aumento o tamanho de um elemento usando hover, o item ao lado também modifica o seu tamanho

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
ThiagoJM's user avatar
-2 votos
0 respostas
29 visitas

Os eixos "main-axis" e "cross-axis" são alterados pela propriedade "flex-direction"?

Segundo o que diz o MDN sobre a propriedade flex-direction: Do Inglês: The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (...
Leandro's user avatar
  • 400
-2 votos
1 resposta
28 visitas

Failed to load resource: the server responded with a status of 405 crbug/1173575, non-JS module files deprecated

Seguinte, tô querendo pegar os dados de um input e colocar dentro de um array, mas toda vez que eu envio o formulario fica aparecendo esse erro: 'Failed to load resource: the server responded with a ...
MatheusDevArt's user avatar
-4 votos
0 respostas
19 visitas

Como colocar Efeito de transicao em css no slider

Oi fiz um slider puro em html css e js porem to com dificuldade de colocar transição nele ja tentei porem bugou. const slider = document.querySelector('.slider'); const leftArrow = document....
Natalia Pissiani's user avatar
0 votos
1 resposta
29 visitas

Como alterar elemento durante o drag & drop?

Eu tenho um pequeno programa que faz o "drag & drop" mantendo os elementos originais intactos para serem usados posteriormente. São 3 divs (em cinza) que podem ser arrastados para uma ...
Beto's user avatar
  • 953
5 votos
1 resposta
74 visitas

Como a propriedade "order" do CSS funciona?

Eu estou um pouco confuso sobre o comportamento da propriedade order, pelo que eu entendi ela usada para alterar ordem dos elementos (flex ou grid) no documento. E seu uso deve ser atribuído aos ...
Bruno's user avatar
  • 91
-2 votos
0 respostas
31 visitas

Palavra que nunca quebra de linha [duplicada]

Possuo uma aplicação que Possui o nome do evento em destaque. O porém deste desta palavra, é que ao alterar entre telas menores, a palavra quebra de linha. O que eu preciso fazer é que as palavras ...
Maurício Krüger's user avatar
-3 votos
0 respostas
25 visitas

Nao consigo incrementar uma nova função na minha pokedex (JavaScript + pokeAPI)

Estou tentando incrementar a funcao de mostrar a versao shiny do pokemon no meu projeto de pokedex, ate entao consegui colocar o botao na pokedex, porem nao consigo fazer funcionar. (estou usando a ...
Caik's user avatar
  • 1
-2 votos
1 resposta
22 visitas

Animation-Delay não funciona corretamente dentro do Kayframe CSS

Eu quero que meu texto apareça depois de 6 segundos, ja tentei de tudo mas ele aparece na tela desde o inicio da execução, não entendo o por que o animation-delay não funciona. Como resolvo? #i1 { ...
Murilo Silva Amâncio's user avatar
-2 votos
1 resposta
55 visitas

ReactJs [Primeiro projeto]: variável useState() não atualiza

Estou tendo minha primeira experiencia com React onde estou fazendo um projeto ADVPL (REST) + React. Porém falta um detalhe apenas no meu projeto: atualmente preciso clicar duas vezes no botão ...
Eduardo Lima's user avatar
-2 votos
0 respostas
13 visitas

Problema na hora de excluir o produto do carrinho na linguagem php [fechada]

Estou com problema na hora de excluir o produto do carrinho, quando excluo um produto do meio ou o primeiro produto acaba excluído 2 ou mais, porém se eu começo a excluir o produto de baixo para cima ...
Camila Alves Sousa's user avatar
3 votos
1 resposta
57 visitas

Div invisível com pointer-events: none é uma boa idéia?

Eu tenho uma div, chamada #dim-bg, a qual propósito é ofuscar a tela quando uma janela é focada. É um elemento fixado, vazio, invisível, que não se interage com o usuário, e ocupa toda a tela. Eu tive ...
CypherPotato's user avatar
  • 11,6mil
-1 votos
1 resposta
46 visitas

Alinhar Icon com conteúdo da LI

Olá estou começando na área e tentando me especializar em front-end e estou tendo dificuldade para replicar o portifólio disponibilizado pela rocketseat com finalidade de pratica e estou encontrando ...
Wesley Gualberto's user avatar
-1 votos
2 respostas
65 visitas

Como deixa um alinhamento Span para direita

Vamos la, quero deixar o alinhamento do span a direita, mas não estou conseguindo meu codigo abaixo: <div class="alert alert-success" role="alert" style="max-width: 60rem;&...
Wesley Rodrigues's user avatar
-4 votos
1 resposta
58 visitas

Não consigo fazer o css funcionar no GitHub [fechada]

Passei o repository pro GitHub e simplesmente o css parou de funcionar https://github.com/WinnySampaio/assets.git, esse é o projeto. Sou iniciante!!
Winny Sampaio's user avatar
7 votos
2 respostas
719 visitas

O que são as unidades svh, lvh e dvh do CSS?

Não é difícil encontrarmos elementos do HTML que possuem a propriedade CSS height: 100vh para ocupar todo o espaço vertical, mas recentemente cruzei com as unidades svh, lvh e dvh. Exemplo usando ...
Woss's user avatar
  • 76,5mil
-2 votos
1 resposta
102 visitas

Como mudar o placeholder do input de com type="time" ou type="date"?

normalmente quando a gente cria um input com type='time' ele vai aparecer com --:-- e um reloginho no final, o que eu quero fazer é de no lugar dele ficar com --:-- ele fique com HH:MM, tbm queria ...
Gabriel Camelo's user avatar
2 votos
1 resposta
54 visitas

lista com itens de altura e largura personalizada

Estou fazendo uma lista que possuem três modelos de tamanhos: 1 - bloco quadrado 2 - bloco vertical 3 - bloco horizontal O card-normal tem a mesma largura e mesma altura O card-comprido, tem a largura ...
Maurício Krüger's user avatar
-4 votos
1 resposta
76 visitas

gerador de código de produto [fechada]

Olá, estou fazendo um site para fazer controle de estoque, ao cadastrar um item preciso gerar um código único para cada um e queria fazer isso automaticamente! Como posso fazer? Podem me ajudar e ...
my_my's user avatar
  • 1
2 votos
2 respostas
225 visitas

Variáveis CSS em escopo global e local são as mesmas ou diferentes?

Quando eu tiver uma variável global e modificar manualmente o valor da variável atribuindo um novo valor a ela em um escopo local, ela estaria sendo a mesma ou diferente? Como, por exemplo: :root {...
Leandro's user avatar
  • 400
0 votos
1 resposta
39 visitas

Mostrar/Ocultar um parágrafo com Js

HTML <div class="about" id="about"> <h1>Sobre</h1> <a href="" class="aboutBtn">Ler Conteúdo</a> <p class="...
Miguel Gonçalves's user avatar
-2 votos
1 resposta
52 visitas

como fazer pra que o sempre mostre o ultimo elemento adicionado em uma div usando JS? [fechada]

estou criando um mini chatbox e quando a div das conversas está cheia os ultimos elementos adicionados fica escondidos e precisa dar scroll manualmente. Preciso que quando adicionar o ultimo item de ...
Ely Carvalho's user avatar
-2 votos
1 resposta
34 visitas

Problema com utilização do :hover no css

estou tentando criar um menu que ao passar o mouse o :hover ativaria e mudaria a cor do item do menu para font-weight: 600 e a cor também. Porém percebi que se tem um elemento a esquerda do que eu ...
Graziela Sousa's user avatar
-2 votos
1 resposta
25 visitas

Menu Contexto. Problemas com a opção Excluir

Vou narrar o meu problema: Ao adicionar algumas imagens na tela, eu seleciono uma imagem com o botão direito do mouse, daí aparece o menu contexto, e eu desisto de excluir, PORÉM.. a função de apagar ...
João Rodrigues's user avatar
-3 votos
1 resposta
37 visitas

O background-image não está cobrindo toda a página no celular

Fiz um código de html5 e css3 onde eu teria que colocar uma imagem sobre a outra de forma que a imagem que ficasse sobreposta estaria centralizada, até essa parte consegui fazer, mas quando vou abrir ...
Wolfsz's user avatar
  • 1
-3 votos
2 respostas
54 visitas

Alguns Problemas no modo Responsividade que não consigo solucionar

Não estou conseguindo achar solução em alguns items quando entro no modo responsividade, e quando vou expandindo e diminuindo a tela, alguns itens saem de sua posição e fica se movendo pela tela, o ...
Ruuzou's user avatar
  • 1
-1 votos
1 resposta
38 visitas

Problema com Font Awesome em Select Box

Olá, estou aprendendo sobre HTML/CSS e atualmente estou tentando clonar a página da Netflix pra fins educativos. Porém, estou enfrentando um problema logo no header onde eu não consigo adicionar um ...
Christian Ferreira's user avatar
0 votos
0 respostas
9 visitas

Por que o segundo estilo que defini para a tag P não sobrepõem o primeiro? [duplicada]

<!DOCTYPE html> <html> <head> <style> div p.center { text-align: center; color: red; background:orange; } p.center { text-align: end; color: blue; background:pink; ...
Ariel Souza's user avatar
-2 votos
0 respostas
46 visitas

Faz diferença herdar ou não o valor da propriedade "box-sizing"? [fechada]

Eu estou encontrando frequentemente no código e artigos de terceiros, diversas maneiras de definir no CSS como o box-sizing (modelo de caixa) será aplicado aos elementos, porém uma dessas maneiras ...
Leandro's user avatar
  • 400
-1 votos
1 resposta
101 visitas

Tirar tag do html pelo css na responsividade [duplicada]

To querendo tirar a tag <br> do html pelo css para responsividade HTML: <div class="chamada1"> <h2>Sistemas Próprios Para <br> Empresas Autênticas</...
Lice's user avatar
  • 7
-3 votos
2 respostas
134 visitas

Não consigo diminuir imagem no css

Estou tentando criar uma tela de login, na hora de diminuir a imagem ele permanece igual. Tentei por, na classe da imagem, width de 50% mas nada mudou, segue o codigo: HTML: <!DOCTYPE html> <...
Lara Vasconcelos's user avatar
-4 votos
1 resposta
25 visitas

Nao estou conseguindo achar alguma maneira de limitar o tamanho geral do meu site [fechada]

ao voce descer no site ele continua com infinitamente, eu ja tentei com width e height e ambos nao funcionaram do jeito esperado https://github.com/Luccas-costa/Dusckb/tree/main/teste%20home-login o ...
luccas costa's user avatar
-1 votos
0 respostas
49 visitas

Como utilizar um único arquivo de variáveis globais utilizando CSS Modules e CSS Inline? [fechada]

Estou iniciando um projeto React.js com SCSS e tentando desenvolver uma biblioteca de componentes UI própria. Para padronizar os estilos eu utilizaria um arquivo tema (com as variáveis globais). Minha ...
Carlos Deucher's user avatar
0 votos
0 respostas
38 visitas

É possível rodar o Lighthouse em um elemento que não está na tela?

Eu preciso rodar o teste de acessibilidade do Google Lighthouse, mas o elemento que quero validar só aparece na tela depois de uma interação. Além disso, o Lighthouse quando roda faz um refresh na ...
hugocsl's user avatar
  • 66,7mil
0 votos
0 respostas
103 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 ...
Leandro's user avatar
  • 400

1
2 3 4 5
172