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.

1,331 perguntas sem resposta aceita nem com voto a favor
Filtrar por
Ordenado por
Com tags
10 votos
1 resposta
682 visitas

Existe alguma maneira de especificar o tempo de execução do scroll-behavior: smooth?

A propriedade scroll-behavior: smooth permite altera o comportamento do scroll para ficar mais suave. Exemplo: #scroll{ overflow: auto; height: 600px; width: 100%; scroll-behavior: ...
Wallace Vizerra's user avatar
5 votos
0 respostas
192 visitas

Como reverter surroundContents de um texto selecionado?

Estou criando um editor rich text que terá as opções de tornar um texto selecionado em negrito, itálico, etc. Até o momento consegui envolver a seleção em uma tag <span>e criei uma classe CSS ...
Daniel Santos's user avatar
4 votos
0 respostas
290 visitas

Como estilizar componentes aninhados com Shadow DOM?

Possuo 2 componentes web aninhados que utilizam Shadow DOM. O primeiro, my-component, apenas renderiza o segundo componente: <my-another-component part="my-another-component" /> E o ...
Costamilam's user avatar
  • 10,1mil
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",...
Leo Letto's user avatar
  • 3.384
4 votos
0 respostas
504 visitas

Bootstrap dividir as células com mesmo espaçamento

Boa noite, estou tentando fazer uma table em bootstrap com 7 colunas, porem preciso que elas tenham o mesmo espaçamento.. estou utilizando porque com a estrutura dos col-md, sm, xl... não deu por 7 ...
ThiagoKoller's user avatar
4 votos
1 resposta
530 visitas

Salvar imagem recortada com JCROP pro Banco

Olá! Estou criando um perfil de usuário e para recortar a imagem estou usando o JCROP. Ele recorta normalmente pra mim, mas queria saber como eu faço pra salvar esse resultado na imagem e o banco ...
OliverDamon's user avatar
4 votos
0 respostas
262 visitas

Como colocar particlejs em um banner parallax com texto no centro

Gostaria de saber como posso colocar o efeito ParticleJS em um banner Parallax com um texto no centro da div. Dessa forma: Por exemplo, nesse banner eu queria que, no centro dele, houvesse um texto e ...
Jefferson Mello Olynyki's user avatar
4 votos
2 respostas
877 visitas

Determinar altura máxima de um titulo de coluna no Primefaces

Gostaria de saber se é possível fazer o seguinte: Preciso em uma datatable definir uma altura máxima de uma coluna. Porque tem algumas que o texto fica extenso demais e o valor da coluna é um Sim ou ...
Macario1983's user avatar
  • 1.373
4 votos
1 resposta
2mil visitas

Ajustes no CSS do React.JS

Estou desenvolvendo um sistema simples no react e estou com dificuldades na parte visual, por exemplo para o mobile: Preciso deixar meu sistema dessa forma: Está dessa forma: O sistema da web ...
Henrique Hermes's user avatar
4 votos
2 respostas
697 visitas

Ionic não reconhece meu css

Para ser bem claro, eu estou criando um app com ionic 1.3 como aprendizado e estudo para a faculdade, e preciso usar um css e js externo. É uma lib chamada Icheck (Link para o icheck). Já fiz teste ...
Vitor Benjamin's user avatar
3 votos
1 resposta
108 visitas

CSS incompatibilidade no alinhamento Firefox e Chrome

Não estou conseguindo deixar o mesmo padrão de alinhamento da imagem hallo-top_fd2.png no navegador chrome, aonde estou errando? Grato #container { display: table-row-group; position: relative; ...
Erik P. Ghijs's user avatar
3 votos
0 respostas
364 visitas

Como adicionar/remover sombras de um elemento com "position: sticky" conforme a rolagem?

Fiz uma tabela com o header e a última coluna fixos utilizando position: sticky. Para passar uma impressão de que ela está acima de outras colunas/linhas, utilizei box-shadow, mas fica estranho deixar ...
Rafael Tavares's user avatar
3 votos
1 resposta
284 visitas

Requisição AJAX funciona em todos os browsers exceto o Firefox

Tenho tentado fazer um sistema de upload com AJAX e funciona perfeitamente no Chrome, no entanto não funciona no firefox. Usei a função $.ajax() do JQuery. Têm alguma sugestão do que possa ser? Tenho ...
SecZeus's user avatar
  • 49
3 votos
0 respostas
304 visitas

Display Grid para o IE11

Estou fazendo uma grade com o 7 itens conforme o código abaixo: Meu código nav div.grade { display: grid; grid-template-columns: auto auto auto auto; margin-top: 5px; display:...
Diego Primo's user avatar
3 votos
2 respostas
435 visitas

Animação Java Script

Boa tarde, Estou tentando fazer um trabalho com css,html,js .Preciso fazer com que algumas imagens deslize para direita e esquerda assim que eu role a barra, uma imagem de cada vez, mas assim que eu ...
Jeferson Soares's user avatar
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 ...
Felipe Paetzold's user avatar
3 votos
3 respostas
198 visitas

Como posso especificar um valor de "transition" a ser animado quando uso "transform"?

NO css, podemos usar a propriedade transition para definir um efeito de transição quando algumas das propriedades de um elemento forem mudadas. Exemplo: .box{ transition: all 1s linear; ...
Wallace Vizerra's user avatar
3 votos
2 respostas
192 visitas

window.innerWidth não funciona no Windows Phone

Estou com um problema: Na página http://www.magicforbaby.com.br/, tem um banner onde não consigo definir o tamanho dele (da div). Mas como ele pega todos os 100% da tela, peguei window.innerWidth do ...
Carlos Rocha's user avatar
  • 3.951
3 votos
1 resposta
526 visitas

Problema com Background Image usando Bootstrap 3

Estou com problema na exibição da imagem de background quando site é acessado pelo Chrome no smartphone, no PC apresenta normalmente (responsivo). HTML: <!DOCTYPE HTML> <html lang="pt-br"&...
Bran Stark's user avatar
3 votos
2 respostas
104 visitas

SASS SCSS - Problemas com arredondamento.

Estou com o seguinte problema: desenvolvendo um sistema de Grid com SCSS, obtive o problema de arredondamento das porcentagens que definem o tamanho de cada coluna. Queria saber se alguém tem a ...
Rodrigo Grechi's user avatar
3 votos
1 resposta
433 visitas

Tooltip com mouseover dentro de uma coluna de um grid js

Tenho esse grid: function CarregarGrid() { $('#gridConteudo').jqGrid({ colModel: [{ width: 80, name: 'COD_OPERADORA', index: 'COD_OPERADORA', label: 'Operadora', formatter:...
pnet's user avatar
  • 14,9mil
3 votos
3 respostas
5mil visitas

Div ultrapassando limite de largura do Modal

Como renderizar o seguinte conteúdo sem que ele ultrapasse a largura limite do modal? Exemplo atual da renderização: Código: <div class="modal fade" style="width: 100% !important; height: 100% !...
Al Unser Albuquerque's user avatar
3 votos
0 respostas
110 visitas

Aplicação local(Pc) abrindo em navegador do ipad/iphone não mostra checkbox

Tenho uma aplicação rodando normalmente com wamp no computador, que usa html jquery css e php. Porém ao abrir pelo navegador padrão do IOS (safari) usando ipad ou iphone através da rede local, o ...
user31050's user avatar
  • 440
3 votos
0 respostas
254 visitas

barras de navegação do safari não desaparecem

Vou explicar isto pelo meio de prints basicamente, existe estas barras do safari de navegação/endereço http://prntscr.com/8mgtda Ora, ao fazer scroll (quem usa um iphone, pode ver, encolhe a barra ...
n1c0t0p's user avatar
  • 141
3 votos
1 resposta
105 visitas

css matrix3d, arrastar o elemento mantendo a distorção

Tenho andado a brincar com css Matrix3D neste código: http://jsfiddle.net/88Lv8kfp Agora eu queria um ponto no meio para arrastar o elemento mantendo a distorção, mas não sei como fazer. Até agora, ...
helderk's user avatar
  • 593
3 votos
2 respostas
289 visitas

scroll-snap no css não está funcionando corretamente

Estou criando uma página em html e estou tendo o seguinte problema: Precisei utilizar o método scroll-snap do css para 'travar' uma div a cada rolagem do mouse. Esse 'snap' está funcionando com um ...
Francisco Salome's user avatar
3 votos
1 resposta
228 visitas

Beautify comentário inline

Estou utilizando a extensão Beautify no VSCode para organizar melhor meu código, porem encontrei um problema e não achei a solução, ele joga sempre o comentário para próxima linha. Como corrigir isso? ...
Hardel's user avatar
  • 33
3 votos
1 resposta
111 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,8mil
3 votos
3 respostas
2mil visitas

Alteração em css apenas em iOS

Preciso fazer uma alteração de um css apenas no iOS, utilizei o if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {} Porém não deu resultado. O código que preciso alterar é esse. .sdn-music-...
Victor Saul's user avatar
2 votos
1 resposta
139 visitas

Aprendendo Flexbox e querendo entender um comportamento do meu código

Opa, tudo bem? Eu comecei tem um tempo a estudar html/css/js então eu ainda estou aprendendo e estou com uma certa dificuldade pra entender o porquê de um comportamento aqui. *{ margin: 0; ...
Daniel Fabre's user avatar
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 ...
Natanael's user avatar
  • 131
2 votos
1 resposta
89 visitas

Loop e como ativar edição para escrever em javascript

Estou fazendo um bloco de notas e estou com algumas duvidas, eu quero que quando se faça um click no botão "adicionar" adicione mais um postit para isso, posso usar o loop ou tenho que usar ...
Fábio Nova's user avatar
2 votos
1 resposta
170 visitas

Como alinhar elementos lado a lado?

Como posso alinhar as div's de forma que a parte branca fique preenchida com os elementos abaixo dela (5,6,7)? main { width: 200px; display: flex; flex-wrap: wrap; text-...
Josias Matheus's user avatar
2 votos
0 respostas
712 visitas

Como mudar a posição do controle do video?

Para caber o video na tela de uma aplicação mobile, fiz o sequinte, coloquei o width do video do tamanho da tela, coloquei margin-top negativo pela metadade do que sobrou do container para ajustar o ...
Vinicius Morais's user avatar
2 votos
0 respostas
480 visitas

Como configuro o WebPack e arquivo package.json para rodar o projeto React?

Fiz todas as configurações necessárias do WebPack e o projeto inicia, porém aparentemente não roda o css no projeto e só fica uma tela em branco. Antes das configurações do WebPack meu Package.json ...
Tiago_Albuquerque's user avatar
2 votos
0 respostas
117 visitas

Media Queries para identificar notch

Alguém tem uma solução completa para identificar todos os celulares que possuem o tal do "notch" nas versões existentes do mercado? Atualmente eu estou utilizando esses estratégias, mas ainda estou ...
Ivan Ferrer's user avatar
  • 12,3mil
2 votos
1 resposta
71 visitas

Cores da imagem diferente quando aplicado em uma tag <video>

Estou usando um vídeo usando a biblioteca material design bootstrap O problema é que a qualidade do vídeo fica diferente quando eu rodo no browser e em um player de vídeo: Imagem no browser: Imagem ...
veroneseComS's user avatar
  • 2.813
2 votos
0 respostas
434 visitas

Fazer a requisição do CSS dentro do Body pode acelerar o carregamento da página e melhorar a performance da renderização?

Primeiramente: Sabemos que algumas requisições feitas dentro do <head> do documento bloqueiam a renderização da página. E também sabemos que hj em dia é possível e permitido usar links de ...
hugocsl's user avatar
  • 66,9mil
2 votos
1 resposta
517 visitas

Tabela de produtos no Ionic 3 - Css

Boa tarde pessoal, estou com um probleminha e até agora fiz várias pesquisas, mas não encontrei uma resposta satisfatória. Como faço para desenvolver uma tabelinha de produtos, nesse estilo :
user avatar
2 votos
1 resposta
187 visitas

Dificuldades com responsividade

To tendo dificuldades com responsividade, eu quero saber porque eu não to conseguindo adaptar meu site pra essa resolução de 720x1280, teoricamente meu site deveria se encaixar bem em modo paisagem ...
user avatar
2 votos
1 resposta
162 visitas

Como alterar o background das postagens no wordpress e deixar cada um com uma cor diferentes?

Olá, estou tendo um problema. Estou tentando fazer com que cada postagem tenha uma cor de background diferente. Tentei usar esse código abaixo no css mas ele deixa todas os posts de uma cor só. div....
Lia's user avatar
  • 21
2 votos
0 respostas
279 visitas

Como chamar uma função dentro do Frame?

Quero chamar uma função que tenho dentro de um iframe. Eu programo em Ionic e queria saber como faço isso através do JavaScript ou HTML. Dentro do JavaScript tenho uma variável (Z = 2.5, só um ...
Mateus Nobre's user avatar
2 votos
0 respostas
102 visitas

Organização de tabelas em css

*Tenho um problema em meu código que estou tentando resolver faz horas vou deixar uma imagem para explicar melhor, quero deixar alinhada junto com as outras barras. <!-- ***** Contact Area End **...
user8286216's user avatar
2 votos
1 resposta
66 visitas

Um .CSS para "Above the Fold" e outro .CSS para "Below the fold" - Vale a pena?

Em questão de performance e manutenibilidade seria interessante ter 2 arquivos de css na página, um para o conteúdo que aparece antes da dobra e outro para o conteúdo que aparece após a dobra? Tipo: ...
hugocsl's user avatar
  • 66,9mil
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 ...
Junior1967's user avatar
2 votos
0 respostas
228 visitas

Como colocar o CSS corretamente num SVG renderizado na view através da tag use?

Estou usando AngularJS para carregar um elemento, porém não pega o CSS. A View: <svg version="1.1" id="body_1" data-name="body-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3....
Ivan Ferrer's user avatar
  • 12,3mil
2 votos
0 respostas
2mil visitas

Imagem com CSS - manipulação imagem e título

Quero colocar uma imagem atrás do título no topo da página, colocando o título para direita e centralizado e um parágrafo a esquerda contendo alguns dizeres, porém estou com um problema: Não consigo ...
Keony W. Schröer's user avatar
2 votos
1 resposta
100 visitas

Como alinhar a exibição de imagens respeitando a altura individual de cada uma?

A exibição das minhas imagens ficam irregular. Veja na abaixo: Preciso que ela sejam exibidas de forma alinhada. Fiz uma montagem abaixo para exemplificar o como gostaria que fossem exibidas, pois ...
Gladison's user avatar
  • 656
2 votos
2 respostas
3mil visitas

Como fazer um botão collapse Bootstrap desativar o outro

Eu criei dois botões collapse em Bootstrap com dois conteúdo diferentes. O que acontece: Quando clico no primeiro botão o conteúdo expande. Quando clico no segundo botão o segundo conteúdo se ...
Bruno Rosa's user avatar
2 votos
1 resposta
101 visitas

Edições usando Bootstrap

Estou usando um bootstrap full image mas a minha imagem além de não estar sendo alterada está ficando na metade da tela. Queria que o padding da tela de login ficasse restrito ao tamanho dele, mas tá ...
Mariana Bayonetta's user avatar

1
2 3 4 5
27