Skip to main content

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
256 visitas

Mudar cor de texto em tabela no PHP

Na minha tabela, tenho a coluna "Concluída?" que apresenta apenas duas informações: "Sim" e "Não", gostaria de alterar as cores dos textos, verde para Sim e vermelho para ...
Dennys Moura's user avatar
0 votos
0 respostas
52 visitas

existe a possibilidade de redimensionar uma arte ASCII em HTML/CSS?

Estou meio confusa, usei um site pra gerar umas artes em ASCII e quando coloquei no HTML ficou maior do que eu esperava CÓDIGO HTML: <main class="main_is"> <section class="...
user avatar
0 votos
1 resposta
682 visitas

Como alterar estilo de objeto criado em Javascript no CSS

não sei se e possível, procurei e não achei nada a respeito, apenas o contrario. Por exemplo, crio um elemento no JS: btnFormula.addEventListener('click' , ()=> { let t = document....
Hairy Skull's user avatar
-3 votos
1 resposta
345 visitas

Como ordenar o grid layout por coluna? (CSS)

Estou tentando usar um gridlayout para organizar os <li> da minha lista em 4 colunas, porém ao fazer isso os itens ficam ordenados por linha. Ex.: [item 1] [item 2] [item 3] [item 4] [item 5] [...
Paloma's user avatar
  • 1
-1 votos
1 resposta
27 visitas

Preciso arrumar a imagem do slider

Estou usando um slider com imagens dentro, porem a imagem que eu coloquei nele é maior que a tela, dai ele corta parte da imagem e não fica centralizada. Eu não me importo que corte a imagem mas seria ...
Gustavo's user avatar
-2 votos
1 resposta
126 visitas

Código responsivo para dispositivos mobile

Boa tarde! Gente, existe alguma forma de adequar um código como o abaixo para que fique responsivo de forma geral em qualquer dispositivo mobile? Todas as formas que tentei ajustando os atributos ...
CassioSoares's user avatar
2 votos
1 resposta
576 visitas

Posso definir opacidade para uma cor predefinida?

Eu tenho algumas cores em algumas variáveis, como por exemplo: :root { --link-color: #006265; --link-color-alt: blue; } Eu gostaria de usar essas cores, mas especificando opacidade, sem ter ...
CypherPotato's user avatar
  • 11,8mil
-3 votos
2 respostas
593 visitas

Posicionar uma div no meio da tela

Estou com um problema pra posicionar uma div. ![1]: https://i.sstatic.net/OGuYn.png Eu quero que ela continue alinhada à esquerda porém que fique centralizada no eixo Y apenas. Tentei utilizar o ...
igormatx's user avatar
0 votos
1 resposta
200 visitas

Em um elemento que tem Duas ou mais Classes, como é definido a prioridade?

Basicamente tenho duas classes que tem uma propriedade em comum (exemplo "color"), assim a propriedade da Classe 1 sempre sobrepõe o da Classe 2, ai gostaria de saber a lógica ou alguma ...
N4_StarterX3's user avatar
-2 votos
1 resposta
65 visitas

Função para resetar o timer não está funcionando

Fiz um pomodoro timer, usando html, css e javascript. Criei uma função para resetar o timer quando clicar no botão de reset, deveria resetar os minutos e os segundos, e no caso de estar no break ...
Carlos Curcino's user avatar
2 votos
1 resposta
101 visitas

Como usar um "AND" com o :not do CSS?

Tenho o seguinte HTML e seletor CSS: main>*:not(.not-me) { background-color: cyan; } <main> <p>Azul!</p> <p class="not-me">Eu não!</p> <span>Eu ...
CypherPotato's user avatar
  • 11,8mil
-1 votos
1 resposta
445 visitas

Botão de Girar 90º uma imagem em JavaScript

Estou criando um editor de imagem e preciso colocar 2 botões que girem 90º pra esquerda ou 90º para direita e que possa girar mais de uma vez mais só consegui fazer girar uma vez para um lado gostaria ...
Thabata Amanda Gomide's user avatar
0 votos
2 respostas
155 visitas

Como posicionar o footer no fim da página sem o conteudo da pagina ficar em cima

Olá, estou com um problema simples que não consigo resolver de jeito nenhum. Tenho uma página com bastante conteúdo, mas o conteúdo fica em cima do footer ou vice-versa. Já tentei por position ...
Mariana Monteiro's user avatar
-3 votos
1 resposta
59 visitas

Como faço para passar uma parâmetro de uma função na hora de chamar a propriedade de um objeto dentro da função? em js

Estou treinando html/css e javascript desenvolvendo uma pokedéx(catalogo de pokémons) usando a pokeapi, e to tendo uma certa dificuldade em chamar uma propriedade de um objeto usando uma função como ...
Nicolas Siqueira's user avatar
-2 votos
1 resposta
199 visitas

Texto responsivo dentro de uma Box

preciso coloca um texto dentro de um quadrado, por cima de uma imagem e que o texto se quebre quando chegar ao limite do quadro IMAGEM
Rafael Pierre's user avatar
-4 votos
1 resposta
30 visitas

aumentar espaços entre 3 li's em inline-block CSS

{eu quero separa-las mais para que possa caber pequenas imagens, sem precisar diminuir a imagem muito]1 <li> <a href="index....
Alexandre hackbardt's user avatar
-2 votos
1 resposta
45 visitas

Botões não animam corretamente e página fica pequena em dispositivos móveis

Nessa página possuo dois problemas: Os botões de dentro da body não esmaecem como os que estão dentro do footer. A página não se adapta ao dispositivo que está sendo exibida. Mas o principal ...
Arthur Silveira Costa's user avatar
-2 votos
1 resposta
111 visitas

container não respeita o min-height

Estou fazendo um programa apenas para treinar meus conhecimentos (nível iniciante) para mostrar na tela números impares, pares ou ambos conforme o numero informado no input, porém se o usuário ...
Leal's user avatar
  • 3
-2 votos
1 resposta
173 visitas

Rodapé de assinatura no final da pagina não pode quebrar

Tenho uma tabela que é dinâmica e que ao final da tabela há uma div com assinatura e data do recebimento. O que preciso é que essa div não quebre com a pagina como está ocorrendo na imagem. É ...
Danielle Arruda torres's user avatar
-2 votos
1 resposta
135 visitas

Botão responsivo e centralizado

Gostaria de uma ajuda para fazer um botão ficar sempre no centro da minha box de código, de maneira responsiva. Estou construindo uma landing page em um construtor de sites chamado Zyro, nele eu tenho ...
Tyrone Hirt's user avatar
-1 votos
2 respostas
110 visitas

Fazer página carregar apenas quando clico no botão [fechada]

Eu estou criando um mini game, só que eu quero que o jogo inicia somente quando clicar no botão ou apertar alguma tecla do teclado.
Adryel Victor's user avatar
-1 votos
1 resposta
409 visitas

Como fazer a scrollbar de uma div ficar sobreposta ao conteúdo?

Preciso fazer uma tabela, que terá conteúdo dinâmico (suas "tr" serão adicionadas ou removidas pelo usuário). Se a tabela chegar em determinado tamanho, uma scrollbar deverá aparecer no &...
devgustavosantos's user avatar
-2 votos
2 respostas
40 visitas

Wesite responsivo - Como jogar a div para baixo

Olá, pessoal! Peço ajuda com o seguinte problema: Sou voluntária na área de desenvolvimento de websites e preciso deixar meu website responsivo, pois muitos idosos estão acessando via celular. Tenho 2 ...
Ana Carolina Araujo's user avatar
-2 votos
1 resposta
52 visitas

Logo não alinha ao menu e centraliza

Não consigo alinhar minha logo ao menu e centralizar. já tentei criando uma "div", utilizando display: flex;, display: grid;, margin: 0 auto;, margin-left: auto;, margin-right: auto; e ...
Alexandre Ribeiro's user avatar
-2 votos
2 respostas
60 visitas

Div desalinhadas na base

Galera, tenho um h2 e um p dentro de uma mesma div e gostaria que os dois ficassem alinhados pela base. Inseri os seguintes atributos na div pai: .banner--text { display: flex; align-items: ...
Smdk's user avatar
  • 1
-2 votos
1 resposta
862 visitas

como adiciona um resultado do prompt em uma Array?

Quero adiciona um resultado do meu Prompt em uma array .Essa array passa por um For loop que divide ela em duas (name e preço), adiciona o nome dela e do preço em uma lista il, e soma o preço de todos ...
Vitor Santos's user avatar
-3 votos
1 resposta
140 visitas

Redirecionamento de página usando input HTML e JS

Estou tentando fazer um projeto para meu portfólio mas estou com algumas dificuldades. Estou tentando criar uma página HTML que pega o número de celular digitado em um input e cria uma URL ...
Bryan Moreira's user avatar
-2 votos
1 resposta
64 visitas

Como faço para executar o efeito Fade-in no carregamento de uma section

Queria que as divs fossem carregadas apenas quando o usuario chegasse numa determinada section e não no carregamento do body. Assim quando o usuario rola até a section o evento ja aconteceu ...
Max Zampieri's user avatar
-4 votos
1 resposta
182 visitas

Por numero negativo em vermelho

var btnSoma = document.querySelector("#btnSoma") var btnSubtrai = document.querySelector("#btnSubtrai") var currentNumberWrapper = document.getElementById('currentNumber'); var ...
diazpedrodev's user avatar
-2 votos
1 resposta
816 visitas

Como deixar o menu dropdown por cima de outros elementos?

html, body { height: 100%; width: 100%; } *{margin: 0; padding: 0;} body{ font-family: arial, helvetica, sans-serif; font-size: 12px; background-image: img/fundosite.jpg; } .gif { text-...
moozedaniels's user avatar
-1 votos
2 respostas
204 visitas

Como fazer um background ultrapassar a div

vou citar um exemplo aqui pra ver se vocês entendem oque quero fazer: Vamos supor que você tem um cabeçalho (header) com a cor do background preta , e um conteúdo (main) com a cor do background cinza, ...
Claudio Anjos's user avatar
-3 votos
1 resposta
323 visitas

Como manipular o background-Image com javascript ? tenho 3 imagens que deve ser alterada no body conforme o periodo do dia, alguem sabe como resolver?

já tentei com este e outras combinações dentro de estruturas de decisão porem não funcionou document.querySelector('body').style.backgroundImage = "img/manha.jpg" document.querySelector('...
João's user avatar
  • 1
-3 votos
1 resposta
1mil visitas

Alterações no código foram apagadas dentro do VS CODE

Boa noite! Acabei de fazer várias alterações em meu projeto da faculdade, então cliquei em Source Control para enviar para o git. Quando eu estava digitando no commit message, algo deu errado. Não sei ...
Guria Serrana's user avatar
-3 votos
1 resposta
37 visitas

Problema com responsividade com html/css [fechada]

Estou treinando meu html/css tentando recriar a página home do youtube, mas, quando o site chega a uma certa largura, o background-color do header fica zoado, como mostra a imagem. Alguém pode me ...
Giovani Freitas's user avatar
-1 votos
1 resposta
233 visitas

Quero mudara a cor de varios elementos ao mesmo tempo com JavaScript

<script> function mCor(){ document.getElementById("body").style.backgroundColor="black"; document.getElementById("text").style.color="white"; document....
Fernando Lucas's user avatar
-1 votos
1 resposta
200 visitas

redirecionamento de formulario usando javascript

tenho um formulário com as suas validações , ai quero que quando clicar no botão seja redirecionado a uma pagina de agradecimento esse é o botão em html <button onclick="thanks()" ...
dev aleatorio's user avatar
0 votos
1 resposta
452 visitas

Remover um estilo css com javascript

Boa tarde, sou novo em js e estou aprendendo!! Eu tenho uma tag <h1 class="title">, essa classe "title" tem alguns estilos css font-size; display-none; color! o que eu queria ...
Bruno's user avatar
  • 21
-2 votos
1 resposta
65 visitas

Problemas com Alinhamento CSS [fechada]

estou estudando css3 porem estou com dificuldades quanto o alinhameto meu CODE HTML <body> <header class="header-wrapper"> <div class="header"> &...
Ivan Yanez's user avatar
-2 votos
0 respostas
395 visitas

Mudar a orientação de uma tabela de uma tabela usando apenas o CSS e sem alterar o código HTML [fechada]

Preciso alterar a orientação de uma tabela para que a orientação dela esteja com com as colunas em linha e as linhas em coluna. Não posso alterar o documento HTML. Desejo que minha tabela fique como ...
Mad An's user avatar
  • 1
-1 votos
1 resposta
145 visitas

Como criar botão em js que altere a cor da linha tr apenas selecionando a linha e apertando o botão [fechada]

preciso de ajuda. Preciso criar uma tabela onde contenha nomes, id, e status do processo. São basicamente 32 processos que serão listados. Ou seja 32 linhas. A minha duvida é a seguinte: Com ...
Bruno Medeiros's user avatar
-2 votos
1 resposta
53 visitas

Menu com links quebrados no IOS (Safari)

Desenvolvi um projeto de site onde a primeira tela é um menu que redireciona para outras telas, quando tésto o responsivo funciona normal, mas quando tento abrir no meu iPhone é exibido um texto ...
Eduardo Leite's user avatar
-2 votos
1 resposta
175 visitas

Como desparecer elemento quando o mouse sair de cima

Com este script o mouse passa em cima do botão fica ativa uma div com texto do lado. Mas como fazer desparecer a div ao tirar o mouse sobre esse botão? Agradeço a ajuda desde já! $('.zoom').hover(...
Renata FAmelli's user avatar
-1 votos
2 respostas
58 visitas

como fazer item selecionado da tabela dinâmica mudar de cor

Olá! estou com um projeto básico de JavaScript e HTML, do qual a pessoa irá adicionar dados à a tabela(ela será feita pelo próprio usuário e até ai tudo bem(Consegui implementar até o botão de excluir)...
Bruno Rafael's user avatar
-4 votos
1 resposta
395 visitas

Como deixar background image responsivo com texto [fechada]

Quero fazer um banner, ocupando 100% da largura da página e altura do tamanho da imagem (416px), utilizando background image com um texto, e fazer com que esse texto também fique responsivo, como que ...
Raphael's user avatar
  • 489
-4 votos
2 respostas
912 visitas

Queria saber como eu poderia mudar a cor do botão quando passo o mouse por cima

Nesse código eu consegui colocar um background-color: #212b36; pelo html mas não estou conseguindo fazer com que o botão mude de cor quando passo o mouse por cima. parece que ele sempre prioriza a cor ...
samuelFischer's user avatar
-3 votos
1 resposta
52 visitas

Porque meu icon n troca de cor msm usando o "color" no css o icon esta sendo usado como botao

html <div id="center-text"> <a href="inicio.html" target="_blank"> <i class="fa-solid fa-house"&...
zero's user avatar
  • 1
0 votos
0 respostas
19 visitas

Como eu uso o input file para upar uma imagem e colocar ela numa div? [duplicada]

Olá, queria saber se alguém pode me ajudar. Eu tenho essa div "form-img" que recebe um input para upar imagens e eu queria que quando eu upasse a imagem, ela aparecesse cobrindo essa div. Eu ...
Monitchov's user avatar
-2 votos
2 respostas
153 visitas

section posicionadas lado a lado

estou tentando posicionar lado a lado dois textareas que estão dentro de duas sections mas não estou conseguindo saber exatamente oq fazer. A minha ideia é que seja um projetinho responsivo. body{ ...
Marco_nery's user avatar
0 votos
0 respostas
52 visitas

pergunta conceitual de front-end

Display: none piora a performance da página? Caso tenha vários elementos com esse display, seria melhor, por exemplo, ter uma classe para construi-los? Teoricamente poderíamos remover o elemento com o ...
vit's user avatar
  • 126
1 voto
1 resposta
94 visitas

Conteudo da tabela fica escondido quando contraido em telas pequenas

Para um projeto da universidade estou a fazer um site simples com o objetivo de trabalhar o CSS e logicamente tem de ser responsivo. O meu problema neste momento é que tenho uma tabela (cujo conteúdo ...
Miguel Rodrigues's user avatar

1
3 4
5
6 7
171