Perguntas com a tag [css3]

Usa-se o termo CSS3 para se referir às propriedades e seletores do CSS adicionados após o nível 2.1 da especificação. Utilize esta tag para perguntas sobre os novos módulos do CSS.

290 perguntas sem resposta aceita nem com voto a favor
Filtrar por
Ordenado por
Com tags
1 voto
1 resposta
124 visitas

Substituir background-image de :after

Tenho uma div com uma pseudo-classe :after onde eu crio um quadrado e coloco dentro uma figurinha de uma seta para baixo. Estou tentando, com o código abaixo, ao clicar nessa div substituir a ...
Carlos Rocha's user avatar
  • 3.955
1 voto
0 respostas
64 visitas

Criar elemento entre elementos filhos de um mesmo Pai

Conforme o código abaixo: var ul = document.getElementsByTagName('ul'); var ref = ul.item(0).children; var saida = ''; for (i = 0; i <= ref.length; i++) { if (i == 0) { var ...
Marcos Henzel's user avatar
1 voto
0 respostas
390 visitas

Botão deslizante Ionic 3

Eu preciso aplicar o efeito deslizante com esses botões. Eu tenho o seguinte html: <ion-row class="row-two-button"> <ion-col class="button-group"> <button ion-button round ...
Renan Rodrigues's user avatar
1 voto
0 respostas
140 visitas

Tag ancora e hover não funcionam em um drop-menu?

Estou tentando criar um drop-menu, mas a tag <a> e :hover não funciona, quando passo ou mouse por cima fica como se não tivesse nada. #menu-block { width: 100%; height: 42px; ...
Caymmi's user avatar
  • 147
1 voto
0 respostas
96 visitas

Forçar cabeçalho de tabela seguir largura das demais colunas dinamicamente

Estou usando flexbox para fazer tudo no site, inclusive a tabela, primeiramente tentei usando a estrutura básica de uma tabela (thead, tbody e tfoot), porém não consegui, então tentei fazer com ...
Leonardo's user avatar
  • 9.360
1 voto
1 resposta
171 visitas

Erro em RoR: undefined method `[]' for nil:NilClass -> NoMethodError in Site::Home#index

Esta aplicação foi feita através do seguinte template Bootstrap: https://blackrockdigital.github.io/startbootstrap-business-casual/ No meu caso, depois de eu ter feito todas alterações e adaptações, ...
Henrique Sales's user avatar
1 voto
0 respostas
1mil visitas

Css Como deixar o Lado Direito da Div Inclinado?

Estou com uma demanda na qual preciso deixar somente um lado direito de uma div inclinado, ou seja, na diagonal. Como consigo esse efeito? Ao pesquisar, vi que poderia usar o código abaixo para ...
Diego Lela's user avatar
1 voto
0 respostas
124 visitas

Como criar um armazenador de arquivos?

Como faço para criar um armazenador de arquivos? Exemplo: A pessoa quer salvar um arquivo PDF no meu site, ai ela vai lá, clica no botão de enviar arquivo e fica salvo no meu sistema. E quando ...
Alexandre Amado's user avatar
1 voto
0 respostas
1mil visitas

PHP - Gerando QRCode dinamico personalizado com PHP

Estou tentando gerar QRCode com informações dinâmicas com a biblioteca PHPQRCode, o QRCode já consegui gerar em SVG, mas não estou conseguindo estilizar o mesmo para que fique com bordas arredondadas ...
Bruno Folle's user avatar
1 voto
1 resposta
196 visitas

Tag NAV não ocupa a largura especificada

A tag NAV não ocupa a largura de 1200px especificada, ficando menor do que o requerido. E a tag NAV do próximo menu ocupa a linha não ocupada pela NAV superior. Veja o exemplo: Como falado a tag NAV ...
Gladison's user avatar
  • 668
1 voto
1 resposta
138 visitas

por que o column-count nao funciona no firefox?

por que o atributo css column-count nao funciona no mozilla firefox segue abaixo como esta ficando no google chrome e no mozilla firefox Mozilla firefox Google chrome como faço para que no mozilla ...
Gustavo_dev's user avatar
1 voto
0 respostas
532 visitas

Personalizar select e entender o efeito CSS

vejam este exemplo que estou fazendo sobre personalização de um select e um input http://codepen.io/anon/pen/peVNoq Note o efeito do input, clique sobre a caixa de texto e verá que a borda de baixo ...
Patrique's user avatar
  • 454
1 voto
0 respostas
33 visitas

Efeitos em scroll parecido com crédito no final de um filme

Estou tentando fazer com que o scroll role automaticamente todos os dados e ao terminar retorne ao inicio e começe tudo novamente. Uso esse script: <script type="text/javascript"> $(...
Weber Silva's user avatar
1 voto
0 respostas
135 visitas

Divs menores sobreposta em outra DIV

Estou tentando criar uma DIV com uma imagem de background e em cima dessa imagem preciso posicionar outras DIVs. Posicionei essas DIVs que ficaram por cima, mas ao redimensionar a tela a posição dessa ...
carlos giovani casilo's user avatar
1 voto
0 respostas
142 visitas

Design bugado! (porém com cache funciona, "desbuga")

Estava montando uma tabela com scroll e me deparei com o seguinte bug no css: Se eu aperto f5 2 vezes a tabela acaba se concertando e fica assim: Quando eu limpo o cache(ctrl + f5) o erro volta... ...
Luiz Carlos Coelho's user avatar
1 voto
1 resposta
45 visitas

Trabalhando com Transform3d em jQuery

Estou tentando fazer uma função que aumente ou diminua o tamanho de um objeto. Para isso utilizo o transform: scale. Porém meu objeto já utiliza transform: translated3d para setar a posição do mesmo. ...
Daniel's user avatar
  • 11
1 voto
1 resposta
607 visitas

Como carregar formulário salvo no localstorage em uma tabela?

Preciso que um formulário salvo no localstorage seja carregado em outra página, dentro de uma tabela, mas não sei exatamente como fazer isso, o máximo que consigo é que seja carregado na mesma página ...
matheus.m94's user avatar
1 voto
0 respostas
59 visitas

Tags anchor não funcionam dentro de figcaption:target?

Fiz um menu animado em CSS3 utilizando a tag figure, na qual inseri uma imagem com o link que utilizei como id na tag figcaption. Dentro de figcaption está a minha lista com a listagem de links para ...
Zenaro's user avatar
  • 11
1 voto
1 resposta
60 visitas

Fazer float none não está funcionando

Tenho o seguinte form: <form id="formFrete" action="?" method="post"> <input type="hidden" name="acao" value="calculaFrete" /> <div style="float:left;"> <label ...
Carlos Rocha's user avatar
  • 3.955
1 voto
0 respostas
54 visitas

Bloquear iframe no mobile

Gostaria de saber se e possível bloquear o scroll de um <iframe> de preferencia no mobile pois quando rolo a pagina com o touch da tela o mapa atrapalha segue um trecho do códig <iframe ...
Felipe Henrique's user avatar
1 voto
1 resposta
239 visitas

Centralizar ul dentro da div responsivo

Tenho uma tela que será uma dashboard e nela tenho vários painéis que são li com float:left para que quando a tela for redimensionada vá passando os painéis para baixo ficando assim responsivo. Meu ...
Diogo Soares's user avatar
1 voto
0 respostas
177 visitas

Como resolver erro de estilização nos options do Select Option que aparece com erro no Firefox

No Firefox versão 48.0, esta dando erro na estilização nos options do Select Option. Segue o código: <div class="buscaCodigo"> <div class="form"> <br /> <br /> <h2&...
Carlos Rocha's user avatar
  • 3.955
1 voto
0 respostas
74 visitas

Problema com tamanho minimo em gráfico chartj

var config = { type: 'radar', data: { labels: ["Confiança", "Atividade", "Juros", "Condições de financiamento", "Concessões reais", "Atratividade do Financiamento Imobiliário", "...
Jonas Cruvinel's user avatar
1 voto
0 respostas
44 visitas

Duvidas de Alinhamento entre duas Tables

Tenho uma pequena duvida sobre o alinhamento entre essas as duas table <table id="tableCabecVendasML"> e <table id="tableDadosVendasML"> OBS: Fiz esta pagina dessa maneira porque ...
Gustavo Castilho's user avatar
1 voto
0 respostas
192 visitas

Manter tamanho da imagem para impressão em CSS

Pessoal como eu faço para gerar uma imagem que ficara de background em uma div com um texto sobrepondo ela e na hora que eu imprimir ela manter o seu tamanho. Tipo eu tenho uma imagem gerada no ...
Joao Nivaldo's user avatar
  • 1.229
1 voto
0 respostas
115 visitas

Sobrepor links acima da mascara fixed

Tenho que fazer um efeitou onde o usuário entra e clica no link para acender a luz e quando sair apagar a luz. O único problema por enquanto é que a mascará fica na tela normalmente mas os links para ...
Alisson Acioli's user avatar
1 voto
1 resposta
196 visitas

Dificuldades com posicionamento de elementos css

Preciso arrumar o posicionamento desse menu o footer esta totalmente fora de cor, a cor preta esta acima dele, o posicionamento de textos e imagens estão OK, porém o elementos CSS e até mesmo o corpo ...
Matheus Azevedo's user avatar
1 voto
1 resposta
79 visitas

Style em lista desordenada

CSS * { margin:0 auto; } ul { list-style:none; margin:0; padding:0; } .menuPrincpal { } .menuPrincipal li { display:inline; } .menuPrincipal li a { display:inline-block; ...
Carlos Rocha's user avatar
  • 3.955
1 voto
0 respostas
565 visitas

Fiz a implementação do fb:app_id mas no debug não está sendo identificado

fiz a implementação do: <meta property="fb:app_id" content="966242223397117" /> Mas quando faço o debug pelo endereço: https://developers.facebook.com/tools/debug/og/object/ ele informa que ...
Gladison Perosini's user avatar
1 voto
0 respostas
1mil visitas

Efeito "chuva de imagens" em CSS3, JQuery ou JavaScript. Como fazer?

O que tenho: -Uma div com classe "background-bg", cuja imagem preenche toda a tela. <div class"background-bg"></div> O que quero fazer: -Criar um efeito "de chuva/ neve"(tipo ...
Josué's user avatar
  • 79
1 voto
0 respostas
53 visitas

linear-gradiente com Inherit não funciona

Qual o motivo pelo qual o atributo inherit não funciona quando associado a propriedade linear-gradient? Exemplo: background: linear-gradient(to bottom, transparent 0%, inherit 100%); Observação: ...
Rafael Kendrik's user avatar
1 voto
0 respostas
371 visitas

Estilização de controladores de video

Estou querendo estilizar os controladores que criei com HTML, CSS e JavaScript, porem não estou conseguindo fazer um que seria o de "mutar" (retirar o som). Ele funciona da seguinte maneira: irá ter a ...
Felipe Henrique's user avatar
1 voto
0 respostas
99 visitas

Slider fullscreen dentro de colunas bootstrap 3

Boa tarde a todos. Eu estou usando o bootstrap 3 e estou enfrentando um problema que não estou conseguindo resolver há mais de 1 semana. Eu tenho um layout que tem 1 coluna para menu e outras 11 para ...
Luis Fernando Mangia's user avatar
1 voto
0 respostas
154 visitas

Problema no carregamento do .css comprimido no IE9

Estou com um problema de carregamento de estilos de uma página exclusivamente no IE9, nos outros navegadores e versões IE10-11 funcionam corretamente. A página utiliza o Bootstrap 3.1 e outro template,...
Eduardo Andrade's user avatar
1 voto
1 resposta
381 visitas

Deve-se redimensionar uma imagem no navegador?

Já li em alguns lugares que não devemos redimensionar as imagens que pedimos do servidor no navegador. Mas vi recentemente que é bom termos uma imagem grande com uma qualidade baixa pra que quando ...
Pedro_Sousa's user avatar
1 voto
2 respostas
1mil visitas

Qual a diferença entre Flex e FlexBox no CSS?

É comum ver as pessoas falando tanto flex quanto flexbox e, no meu entendimento, ambas se referem a mesma propriedade "display: flex" do css. Ainda assim, pesquisando mais um pouco encontrei ...
Smith's user avatar
  • 211
0 votos
0 respostas
21 visitas

Bug Scrolling Modal Bootstrap Append Jquery

Olá pessoal estou com um BUG de CSS, muito provavelmente, no scroll do meu modal bootstrap. Eu tenho uma busca ajax que retorna alguns resultados e eu estou usando o append do jquery para preencher o ...
Yuri Fernandes's user avatar
0 votos
0 respostas
1mil visitas

Como ocultar o ícone da tag <img> quando a imagem não for encontrada?

Fiz um botão de upload que exibe uma pré-visualização da imagem selecionada, mas para isto, a tag img tem seu atributo src vazio. Portanto, aparece este ícone que está apontado com a seta. Já tentei ...
lucas's user avatar
  • 1
0 votos
0 respostas
177 visitas

Como manter todas as divs em suas posições sem scroll lateral

Eu estou trabalhando em um projeto pessoal e enquanto fazia a parte de HTML e CSS do código cheguei nesse problema, a div que fica no meio empurra a div do menu lateral direito, criando um scroll ...
user avatar
0 votos
1 resposta
144 visitas

texto ultrapassa o limite desejado

Bom eu estou tentando fazer uma animação em css3, só que o texto ultrapassa o limite, eu queria que ele ficasse dentro do objeto, e quando eu tocar no objeto, ele aumentar de acordo, com o objeto. mas ...
João's user avatar
  • 19
0 votos
0 respostas
343 visitas

Bug no arquivo do CSS externo

Olá estou fazendo um menu full screen tipo hambúrguer para um site com CSS e HTML puro. Fiz o código desse menu separado. Mas o problema é que o codigo do CSS só funciona corretamente no estilo ...
Wandrei Martins do Nascimento's user avatar
0 votos
0 respostas
501 visitas

Quanto de cada flex item a propriedade flex-shrink irá reduzir quando os itens tem tamanhos diferentes?

Galera, tudo bom com vocês? Estou estudando o CSS flexbox e na parte sobre a flexibilidade que cada item pode ter fiquei com a seguinte dúvida: No exemplo em anexo, os itens ultrapassam 150px do seu ...
Enkindu Weles's user avatar
0 votos
0 respostas
1mil visitas

CSS Impressão: Imagem cortada na quebra de página [Resolvido]

Estou tendo problema ao realizar a impressão, ao utilizar uma imagem, a mesma esta cortando na quebra de página, já tentei utilizar page-break-inside: avoid;, não não resolveu. O que posso fazer ...
Adriano Campos's user avatar
0 votos
0 respostas
58 visitas

Executar lista sem descer os dados

Tenho um dashboard, no qual em um header eu chamo uma lista, após clicar num botão. Está tudo ok com retorno e ordenação, meu problema é no quesito do layout, gostaria que tivesse mantido somente ...
Wanderson Bueno's user avatar
0 votos
1 resposta
44 visitas

Problemas com responsividade no bootstrap para telas sm e xs

Amigos devs, minha tela não fica responsiva para dispositivos pequenos e extra pequenos (sm e xs), aparece uma barra lateral branca do lado direto da tela e que a medida em que a tela diminui mais, ...
Lucas Mendes Ribeiro's user avatar
0 votos
1 resposta
262 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 ...
Yung Silva's user avatar
0 votos
1 resposta
84 visitas

Como fazer quebrar os filhos alinhados com flexbox?

Como faço para que os filhos 4 5 6 fiquem abaixo da 1 2 3 quando o site estiver em modo tablet ? <!DOCTYPE html> <html lang="pt-br"> <head> <title>flexbox</title>...
Nelson Marques's user avatar
0 votos
2 respostas
75 visitas

Como criar uma div com height com uma valor prescrito que diminui ao redirecionar a tela

Estou com dificuldade em criar uma div no qual a largura é de 580px com a media query em 767px, quando vou diminuindo a tela a div continua fixa no mesmo valor do height. Como eu faço para que a gif ...
Nelson Marques's user avatar
0 votos
1 resposta
354 visitas

Header fixo sem o fundo transparente

Tenho um header fixo na minha página com uma imagem de fundo, quando a rolagem acontece o header vai junto e tem que sobrepor o html que está por baixo, e não ficar transparente, mas ele está ...
Maria's user avatar
  • 843
0 votos
0 respostas
43 visitas

Problemas com nav-tab horizontal

Tenho um componente nav-tab vertical que funciona corretamente. Quando eu adiciono um nav-tab horizontal dentro de uma guia, ela assume o formato de vertical. Alguém sabe como corrigir isso? Estou ...
Master JR's user avatar
  • 1.849