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
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: ...
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 ...
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 ...
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",...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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;
...
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 ...
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 ...
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:...
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 ...
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 ...
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;
...
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 ...
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"&...
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 ...
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:...
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% !...
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 ...
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 ...
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, ...
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 ...
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?
...
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 ...
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-...
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;
...
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
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 ...
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-...
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 ...
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 ...
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 ...
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 ...
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 ...
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 :
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 ...
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....
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 ...
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 **...
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:
...
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
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....
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 ...
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 ...
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 ...
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á ...