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,530
perguntas
-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 ...
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="...
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....
-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] [...
-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 ...
-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 ...
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 ...
-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 ...
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 ...
-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 ...
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 ...
-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 ...
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 ...
-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 ...
-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
-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....
-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 ...
-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 ...
-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.
É ...
-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 ...
-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.
-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 &...
-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 ...
-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 ...
-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: ...
-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 ...
-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 ...
-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
...
-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 ...
-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-...
-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, ...
-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('...
-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 ...
-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 ...
-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....
-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()" ...
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 ...
-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">
&...
-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 ...
-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 ...
-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 ...
-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(...
-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)...
-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 ...
-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 ...
-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"&...
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 ...
-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{
...
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 ...
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 ...