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,531
perguntas
-3
votos
0
respostas
12
visitas
Cache HTML e CSS [fechada]
Eai pessoal! Atualizei o meu site e principalmente o css novo que eu coloquei ficou desatualizado. Limpei meu cache do navegador e descobri que era por conta disso. O ponto é o seguinte: O cliente ...
-3
votos
0
respostas
20
visitas
Cache atrapalhando meu site [fechada]
Eai pessoal!
Atualizei o meu site e principalmente o css novo que eu coloquei ficou desatualizado. Limpei meu cache do navegador e descobri que era por conta disso. O ponto é o seguinte: O cliente ...
-1
votos
1
resposta
2mil
visitas
CSS - Action de overlay
Amigos sou não entendo muito de CSS ou HTML, mas consigo me virar com algumas coisas. Estou criando meu site (https://girundi.com/) só que esto precisando de um help:
Como criei no cargocollective o ...
-2
votos
0
respostas
19
visitas
Problema com responsividade e em fixar elemento sem soprepor
Estou com um problema onde o comportamento que eu espero da página é exatamente este da foto
[Imagem 1][1]
Porém quando vai para o modo mobile ele fica muito ruim [Imagem2][2]
Meu HTML está assim:
<...
1
voto
1
resposta
2mil
visitas
Div em cima de imagem
estou a tentar colocar uma div em cima da imagem, essa div vai ser um container branco com uma certa altura e largura, dentro dessa container, vai conter um titulo e um paragrafo.
Abaixo vos deixo a ...
-3
votos
0
respostas
31
visitas
Fazer o sistema atualizar ao vivo sem LocalStorage [fechada]
Eu criei um sistema para a empresa, porém estou usando LocalStorage, mas acabei esquecendo que o sistema deve rodar em duas máquinas diferentes ao mesmo tempo. O sistema devéra funcionar da seguinte ...
-1
votos
0
respostas
17
visitas
Inserir vídeo do Globo Play no HTML [fechada]
Gostaria de saber como posso incorporar um vídeo do Globo Play no html?
Já tentei o plug-in Adobe Flash Player e a incorporação comum, como do yt, mas não funcionou.
0
votos
2
respostas
538
visitas
Alterar cor conforme texto digitado na TextBox
Olá!
Preciso de um código que altere o fundo de algumas TextBox assim que a página é carregada de acordo com o que foi "pego" do banco de dados, a minha idéia seria a seguinte: a textBox possui 2 ...
1
voto
2
respostas
446
visitas
Alinhar menu de navegação no centro
Estou tentando alinhar o menu "drop" no centro. Help?
O HTML:
<main id="conteudo">
<section id="produto" class="box">
<nav id="drop">
<ul>
...
-3
votos
0
respostas
13
visitas
Como faço para que o texto t1 fique branco e a imagem icon fique com borda branca ao mesmo tempo quando eu colocar o mouse em cima do div? [fechada]
Netflix
Quem está assistindo?
NAYARA
css-
html{
background-color: black;
}
/...
1
voto
1
resposta
516
visitas
Imprimir texto posicionado em imagem
Tenho um texto posicionado no centro de uma imagem, a lógica é imprimir um certificado, e esse texto é gerado dinamicamente, isso ocorre corretamente. O problema é na hora de realizar a impressão, que ...
-3
votos
0
respostas
23
visitas
Trocar o cursor por uma imagem via css? [fechada]
Tenho este trecho de código no CSS e não está trocando o cursor pela imagem selecionada.
o caminho e nome do arquivo estão corretos, alquem pode me ajudar?
.item-resultado a:hover {
text-...
0
votos
1
resposta
237
visitas
Div quebrando linha mesmo com White-Space: Nowrap
Anteriormente eu escrevia diretamente no TD o texto e não quebrava linha, mas necessitei que fosse escrito no JS, porém ao inserir no JS acontece a quebra de linha como na imagem abaixo:
HTML
<...
0
votos
1
resposta
277
visitas
Mudar a class do link tooltip
Caros, boa tarde.
Tenho o link tooltip definido como:
<a class="evento color-red" href="#"><span>informação</span>link</a>
Tem como deixar dessa maneira e manter os ...
0
votos
2
respostas
429
visitas
Mudar display de elementos em hover de outro elemento não funciona como deveria
Eu quero mudar o display dos elementos com as classes .slide-prev e .slide-next. Como estou usando um plugin de slides, ele automaticamente cria os elementos de navegação fora da ul, então a única ...
1
voto
1
resposta
277
visitas
Problemas com estrutura HTML e CSS
Estou com um caso em que não consigo resolver, estou desenvolvendo um layout em HTML e CSS onde uso flexbox centralizando o conteúdo, bem, em telas grandes funciona tudo ok, mas em tela pequenas a div ...
0
votos
1
resposta
551
visitas
Criar uma validação no JavaScript, onde o formulário será válido caso o número B seja maior que o número A
Fala galera não estou conseguindo desenvolver um formulário HTML que possua dois campos numéricos, campo A e campo B e um botão para, submeter o formulário, criei uma validação no JavaScript, onde o ...
2
votos
1
resposta
237
visitas
CSS - Como fazer referência a outro Combobox?
Caros, tenho 2 combobox autocomplete em cascata para Estado e Cidade. Quando troco o tamanho no CSS, muda o tamanho dos 2 combobox e preciso mudar de apenas 1.
Utilizo o código de exemplo do JQuery-UI ...
-2
votos
1
resposta
82
visitas
CSS Flex - Alinhar imagem aos textos
Quero alinhar a imagem aos textos lateralmente de forma que a tag fique lateralmente ao topo da imagem conforme a linha vermelha na imagem e a tag fique abaixo do conforme a linha verde.
Imagem de ...
0
votos
1
resposta
1mil
visitas
Centralizar em elemento :after
Tenho o código abaixo:
.divCheckList .valorBool,
.divCheckList .divCheckBox {
height: 34px;
display: inline-block;
border:#CCC .1px solid;
vertical-align:middle;
}
.divCheckList ....
8
votos
5
respostas
3mil
visitas
Imagem responsiva
Como fazer o efeito abaixo aos poucos,de acordo com a resolução da tela.
*Sem usar clip, pois senão seriam muitas media queries, e neste site, o efeito parece uma transição suave.
CSS:
/* ...
-1
votos
3
respostas
56
visitas
Posicionar links
Estou treinando CSS, comecei a aprender faz pouco tempo, junto com HTML é claro.
Aprendi em HTML algumas coisas básicas, não vou me detalhar muito, no CSS aprendi padding, margin, float, inline-block,...
-1
votos
1
resposta
305
visitas
como passar a variável MARCA que recebe um Array por URL em Javascript para outra página? oque estou fazendo de errado?
function escolheControle(c) {
controle = c;
marca =todasAsmarcas[controle];
window.location="marcaWebkit.htm";
console.log(controle+' controle-----');
console.log(todasAsmarcas+' todasAsmarcas-----'...
1
voto
1
resposta
618
visitas
Ocultar div no materialize css
Alguem aqui usar materialize css ? sabe se existe alguma forma de ocultar a coluna de uma tabela atraves de uma classe css ? no bootstrap tem como fazer isso usando isso class="visible-xs" fui na docs ...
0
votos
1
resposta
494
visitas
Div com height igual ao background-image
Estou com uma div e nela existe um background-image de height variante, eu gostaria que essa div tivesse exatamente o mesmo height desta imagem, para que ela não fique cortada.
É algo assim:
<div ...
6
votos
1
resposta
2mil
visitas
Como mostrar mensagem no retorno de postagem de contato
Tenho um formulário de contato onde envio as informações inseridas para o meu BD, gostaria de deixar uma mensagem ao usuário após a submissão do form e não estou tendo sucesso, o que fiz foi isso:
...
4
votos
1
resposta
299
visitas
Área de seleção com o mouse?
Estou desenvolvendo o seguinte código, para criar uma área de seleção de elementos usando o mouse.
var draggingMouse = false;
var leftMouseDrag, topMouseDrag;
$(document).on("mousedown mouseup",...
3
votos
1
resposta
337
visitas
Retornar elemento a posição inicial em hover css [fechada]
Estou fazendo uma animação em uma logo, onde cada letra vai para um lado e quando eu passar o mouse na div onde ela está, todas as letras devem voltar ao valor inicial, assim formando a logo.
Até ai ...
-2
votos
2
respostas
253
visitas
passar id do elemento filho para o elemento pai
estou precisando da ajuda de vcs.
tenho minha pagina principal e um componente de card, o que eu gostaria era que a cada hover no card o backgroundImage da pagina principal mudasse de acordo com o ...
1
voto
1
resposta
570
visitas
Como alterar os media-query usando JS?
Estou usando CSS com os media queries, como por exemplo:
html {
--color: #OOOOOO;
}
@media (prefers-color-scheme: dark) {
html {
--color: #FFFFFF;
}
}
Considerando o código acima, quem tem o ...
0
votos
1
resposta
302
visitas
Como alterar o width desse h3 para que fique responsivo e centralizado na vertical e horizontal?
Estou tentando centralizar tanto na horizontal quanto na vertical esse h3 porém ele está maior que a imagem, então quando muda o tamanho do dispositivo que ele esta sendo visto acaba saindo do centro:
...
0
votos
1
resposta
238
visitas
Posso usar o Layout Grid CSS em todos os novos projetos?
Mesmo sem suporte integral por parte dos navegadores microsoft, sendo necessário o uso do prefixo -ms-, posso começar a usar Grids CSS em novos projetos sem me preocupar ou devo continuar usando os ...
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....
0
votos
1
resposta
2mil
visitas
Como customizar o Arrow do Swiper React.js em jsx ou styled.component
Eu quero customizar os arrows do swiper, mas eu nao achei nada na documentacao.
Este é o codigo do meu navigation:
const params = {
navigation: {
nextEl: ".swiper-button-next",
...
3
votos
1
resposta
2mil
visitas
Como deixar uma div fixa acompanhando o scroll?
Estou usando AngularJs e Angular Material e preciso fazer uma div ficar fixa porém não faço a menor ideia de como fazer, minha estrutura é a seguinte:
<div class="page">
<md-toolbar ...
0
votos
1
resposta
1mil
visitas
Quebra de linhas em células de tabela ASP.NET MVC C#
Como fazer para não quebrar em várias linhas as colunas de um <table>, pois coloquei um scroll e gostaria de deixar as células da grid sem quebra, e sim deixar o usuário usar o scroll.
View ...
1
voto
1
resposta
308
visitas
Dificuldade em fazer um Shape diferente
div {
width: 280px;
height: 280px;
background: #1e90ff;
-webkit-clip-path: polygon(15% 0, 100% 0%, 100% 29%, 41% 49%);
clip-path: polygon(15% 0, 100% 0%, 100% 29%, 41% 49%);
}
<div>&...
3
votos
1
resposta
7mil
visitas
Diminuir menu fixo conforme rolar a página
Quero saber como diminuir o tamanho do menu no momento em que houver scroll.
Este é meu menu:
header {
position: fixed;
width: 100%;
box-shadow: 0 4px 20px -4px #ababab;
...
0
votos
1
resposta
274
visitas
arrastar divs/aulas e obter a posição da Div
Estou desenvolvendo um site de plataforma de curso, cada curso pode ter muitas aulas.
No banco de dados, cada aula tem uma coluna chamada position, então para o usuário final, bastaria fazer uma ...
0
votos
1
resposta
307
visitas
Como escolher apenas alguns itens de um .map
Estou fazendo um aplicativo parecido com o facebook, todas as postagens estão em um .map:
{datapost !== undefined && datapost.map(item => {
return (
...
2
votos
3
respostas
350
visitas
Plano de fundo dinamico em relação a div
Estou fazendo um exercício que é necessário criar um site para uma agencia de publicidade. Fiz tudo certinho porém estou com muita dificuldade com uma funcionalidade. Quero que ao passar o mouse sobre ...
0
votos
1
resposta
244
visitas
Como Remover uma imagem que está destacada dentro do post
Tudo bem?
Preciso de uma ajuda, possuo o seguinte site https://www.tibiatravel.com... é um Fã Site de jogo que estou montando.
Meu problema, para que fique tudo organizado e direitinho na pagina ...
2
votos
1
resposta
341
visitas
Como importar estilos de node_modules em uma biblioteca Angular 10?
Estou desenvolvendo uma biblioteca Angular 10. Esta biblioteca usa o Swiper JS como dependência. Minha biblioteca deve importar estilos css do swiper.
Eu importo estilos swiper de node_modules usando ...
2
votos
2
respostas
888
visitas
Limitar sidebar antes do footer
Eu tenho o seguinte código, porém tenho um footer de 650px, e ao rolar a pagina até o final o bloco fixo fica em cima do footer, como poderia resolver esse problema?
<script>
$(function(){
...
0
votos
1
resposta
1mil
visitas
Navbar bootstrap collapse
Preciso de uma customização em uma navbar que é o seguinte:
Primeiro, sem o collapse, aparecer dessa maneira (isso eu consegui e é bem tranquilo)
Depois, quando tiver em telas menores, transformar ...
4
votos
4
respostas
7mil
visitas
Tabela com barra de rolagem na horizontal
Montei uma tabela com CSS, porém estou tendo um problema quando os relatórios são abertos em celular ou tablet. A tabela fica achatada, ou dados ficam confusos.
Tem como colocar uma barra de rolagem ...
3
votos
4
respostas
860
visitas
A Propriedade box-shadow: inset não funciona na tag<img>
Eu estava testando a propriedade box-shadow para fazer uma galeria e percebi que a tag <img> não aceita o box-shadow:inset... porém aceita o box-shadow normal.
No entanto se eu colocar a <img&...
0
votos
2
respostas
242
visitas
Div Fixa com Efeito FadeIn
Opa,
Tenho uma div na lateral sidebar_right, ao rolar a página ela deve ir para o rodapé fixa, estou usando assim:
$(function () {
var jElement = $('#sidebar_right');
$(window).scroll(...
0
votos
1
resposta
238
visitas
Como alterar posição do Growl na tela?
Estou querendo alterar a posição do Growl porém aplico no CSS e na hora não altera nada na posição quando aparece na tela, quero centralizar por exemplo.
No template:
<h:head>
<meta ...
0
votos
1
resposta
248
visitas
Como deixar o form estático na hora da impressão (sem alterar o tamanho)?
Quando mando um form para imprimir ele muda o tamanho conforme o tamanho da página, no meu caso é um cartão 54mm de largura e 84mm de altura, eu coloco essas medidas no meu código.
Ele cria a página, ...