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,556
perguntas
-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
...
-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,
...
-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 ...
-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 {
...
-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 ...
-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
-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!
-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 ...
-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 ...
-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, ...
-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
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 ...
-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 -->
&...
-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, ...
-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á ...
-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">
...
-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 (...
-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 ...
-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....
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 ...
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 ...
-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 ...
-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 ...
-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 {
...
-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 ...
-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 ...
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 ...
-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
...
-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;&...
-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!!
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 ...
-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 ...
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 ...
-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 ...
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 {...
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="...
-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 ...
-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 ...
-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 ...
-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 ...
-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 ...
-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 ...
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;
...
-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 ...
-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</...
-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>
<...
-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 ...
-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 ...
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 ...
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 ...