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.

Filtrar por
Ordenado por
Com tags
3 votos
2 respostas
92 visitas

Conflito cross-browser na largura da janela

Estou a trabalhar num site, o problema é quando a janela tem menos de 500px, no Firefox a navbar (navBar.css) aparece de uma maneira (correta) e no Chrome aparece de outra. Como resolver isso?
Miguel's user avatar
  • 29,4mil
12 votos
5 respostas
25mil visitas

Como utilizar @import em um arquivo CSS?

Dentro de um arquivo estilo.css estou usando a opção @import url() para chamar outro arquivo CSS. Por exemplo: @import url("/css/fonts.css") Tanto o arquivo quanto o caminho estão corretos e mesmo ...
HeltonSS's user avatar
  • 393
1 voto
2 respostas
979 visitas

Como formatar vários bxSlider na mesma página com estilos diferentes?

Estou a desenvolder um site cujo as páginas irão ter 3 ou 4 sliders (bxsliders) o meu problema é que eu gostaria de formatar um por um, especialmente as margins dos botões em baixo (http://bxslider....
Miguel's user avatar
  • 29,4mil
14 votos
1 resposta
24mil visitas

Mostrar GIF enquanto página carrega

Preciso que um GIF fique funcionando enquanto a página carrega. Eu já tentei alguns jeitos mas nenhum funcionou. E que quando página carregar apareça o Concluído!. Mais ou menos como o acontece neste ...
Samir Braga's user avatar
  • 10,1mil
4 votos
1 resposta
171 visitas

Vestígio de clique de mouse

Preciso de um script, que em toda uma página onde se clicar apareça uma bolinha no lugar onde foi clicado, mas que depois de uns 2 segundos desaparecesse. Não precisa ser ondinhas, apenas algo que ...
Samir Braga's user avatar
  • 10,1mil
12 votos
3 respostas
47mil visitas

Alinhamento vertical de texto com CSS [duplicada]

Como posso alinhar esse texto "Adote o ritmo da natureza: o segredo dela é a paciência", verticalmente e horizontalmente dentro do campo branco? Usei o seguinte código: <ul> <li> ...
Leandro Costa's user avatar
3 votos
1 resposta
273 visitas

Jquery Cycle - Um slide centralizado e as outras duas aparecendo parcialmente

Estou precisando de um slider que teria pelo menos 3 slides, onde o do meio apareceria completamente com a resolução e os outros dois laterais apareceriam parcialmente. Estou usando a solução Cycle2 ...
braulio_holtz's user avatar
2 votos
2 respostas
490 visitas

Como usar calc() do css no safari?

O calc() no safari não está funcionando. Tentei colocar os prefixos e também não deu certo. Alguém sabe uma solução? estou usando assim: #myDiv{ width: calc(100% - 160px); width: -...
Jefferson Alison's user avatar
4 votos
3 respostas
3mil visitas

Alinhar texto dentro de <select> no Firefox

Estou tentando alinhar o texto dentro de um <select> porém o mesmo só é alinhado(por padrão) utilizando os navegadores Chrome e IE11(por incrível que pareça), somente no FF(v27.0.1) que o texto ...
Alessandro Gomes's user avatar
8 votos
2 respostas
300 visitas

Como retirar bug de linhas de antialising gerado no Firefox e IE?

Estou a criar um rebordo no meu site, com background image. Funciona tudo perfeitamente no Chrome, mas no Firefox e IE aparecem umas linhas indesejadas. Já percebi que estão presentes na propriedade ...
user3216077's user avatar
10 votos
4 respostas
1mil visitas

Loop de cores em texto

Tenho a seguinte estrutura em HTML: <font class="a">J</font> <font class="b">o</font> <font class="c">ã</font> <font class="d">o</font> <font class="...
João Paulo Saragossa's user avatar
5 votos
2 respostas
108 visitas

Remover o banner consoante o tamanho da janela

Estou a usar um template com o layout Responsive. Tenho um banner na lateral direita de um site. O que estou a fazer, é que ao fazer scroll da página o banner acompanha a página. Quando diminuo a ...
pc_oc's user avatar
  • 3.570
-1 votos
3 respostas
1mil visitas

Animação Parallax e Fade para web [fechada]

Realizei todos os movimentos desta URL no Muse e Edge Animate da Adobe, mas quero fazer na unha, codificando. Alguma dica de Parallax ou animações parecidas no Codepen ou Github? Quero realizar o ...
Eduardo Sully's user avatar
3 votos
2 respostas
467 visitas

Float:left, div caindo pela largura da div

Estou com um problema com o float:left;: para uma largura maior que a página a div cai, mas eu queria que continuasse a div anterior. HTML: <div id="menu" class="menu"> MENU </div> &...
Dieguinho Rodrigues's user avatar
2 votos
1 resposta
681 visitas

Seletor ou Script para atribuir conteúdo diferente a elementos com a mesma classe

Podemos atribuir um título (atributo title), a um elemento com marcação no HTML, que tenha essa classe, dessa forma: $(".title-texto").attr("title", $(".title-texto").text()); Exemplo da marcação no ...
Thiago Jem's user avatar
5 votos
1 resposta
1mil visitas

Efeito de rolagem com Parallax usando vídeo

Eu estou estudando sobre efeitos com Parallax e estou tentando exibir um vídeo no background ao invés de uma imagem. Sendo assim, eu consegui criar um bom efeito usando imagem como background. Aqui ...
Caio Tarifa's user avatar
  • 2.321
2 votos
2 respostas
948 visitas

Slider de imagem com JQuery

Criei uma pequena galeria de imagens utilizando essa estrutura: <div class="slider"> <div class="dest"> <img src="http://www.imagebrowse.com/wp-content/uploads/2013/08/astonishing-...
João Paulo Saragossa's user avatar
1 voto
1 resposta
526 visitas

Bootstrap Navbar Collapse problema com firefox

Eu comecei recentemente a trabalhar com Bootstrap e estou a tentar criar uma navbar. O problema é que a navbar aparenta ser normal até diminuirmos o tamanho da janela onde ela dá collapse como devia ...
Joao's user avatar
  • 367
-1 votos
3 respostas
3mil visitas

Transição suave em slider de imagens [duplicada]

Tenho uma div que exibe uma série de imagens no seu background: <div id="header-slider"> ... </div> Para que as imagens passem em loop fiz o seguinte código em JQuery: var ...
João Paulo Saragossa's user avatar
3 votos
1 resposta
1mil visitas

Como evitar a sobreposição (overlapping) de elementos <select> em um formulário na mesma página?

Eu uso o wordpress como CMS e criei um formulário com o plugin WPCF7 (Contact Form 7). Acontece que alguns elementos do formulário tais como select, checkbox e botão de radio se sobrepõeem uns aos ...
Adriano Monecchi's user avatar
1 voto
1 resposta
1mil visitas

CSS de temas Magento

Adicionei um tema no Magento e gostaria de mudar o background e algumas outras coisas através do style.css. Eu faço as modificações, só que não dá certo. Alguém sabe por quê? O CSS que estou abrindo ...
Marchioro's user avatar
4 votos
1 resposta
1mil visitas

Problemas com iframe no Firefox e Internet Explorer

Estou com um problema no Firefox e no Internet Explorer ao utilizar uma iframe para carregar arquivos na mesma pagina. No Chrome funciona perfeitamente, mas no Firefox e no Internet Explorer, quando ...
dann's user avatar
  • 527
2 votos
2 respostas
191 visitas

Como usar Jquery Custom Scrollbar em elementos com display:none

Ele não monta a barra de scroll em elementos que estão com "display: none". Alguém sabe como resolver? Aqui o plugin do scrollbar
Jefferson Alison's user avatar
4 votos
4 respostas
2mil visitas

Criar menu infinito com PHP+CSS+JS

Eu tenho um menu (vertical) que funciona como acordion, este por sua vez, precisa abrir os "filhos" ilimitadamente (meu problema a ser resolvido, e não consigo), visto que será um menu para uma loja. ...
Bruno Martins's user avatar
9 votos
4 respostas
671 visitas

Navegação interna com JQuery [duplicada]

Tenho a seguinte estrutura no meu header: <header> ... <div id="header-reserva" class="cf"> <a href="#header-reserva-iframe" class="scroll">Reserve aqui!</a> </div> ...
João Paulo Saragossa's user avatar
5 votos
1 resposta
350 visitas

Problema setando CSS dentro do 'style'

Estou enfrentando um problema. Desejo colocar todo o meu CSS dentro da tag Style como mostra meu código a seguir: <style> input[data-column="1"] { display: none; } input[data-column="2"]...
Joao Paulo's user avatar
  • 12mil
5 votos
2 respostas
2mil visitas

Evento click JQuery no seletor .class

Criei várias div recorrendo a jQuery onde atribui às mesmas a classe de CSS numero: for(...) textoHTML += "<div class='numero par'>"+sorteado+"</div> <!-- numero par-->\n"; ... ...
tarcnux's user avatar
  • 63
3 votos
2 respostas
3mil visitas

Como personalizar barra de rolagem no Chrome?

Possuo um combo select multiple que não pode ocupar muito espaço vertical, então o ideal seria poder descer o scroll com aquela setinha tradicional para navegar de 1 em 1 item pra baixo. Tem alguma ...
Joao Paulo's user avatar
  • 12mil
0 votos
1 resposta
289 visitas

Como deixar textarea e button um do lado do outro?

Preciso implementar um textarea(mensagem) e um button(enviar) do seu lado direito, mas que seja liquido(100%), ou seja, se diminuir o tamanho da janela o textarea diminui e o button mantém o seu ...
Jefferson Alison's user avatar
7 votos
3 respostas
5mil visitas

Como fazer um background de um elemento em SVG de maneira decente?

Desenvolvo sites que possuem o logo da empresa em SVG, mas queria saber como testar de forma fácil ou forçar para que substitua o SVG quando o navegador não suportar. Assim eu poderia ter o logo ...
2madera's user avatar
  • 793
1 voto
1 resposta
364 visitas

Fazer transição "Fill from left" em background

Preciso fazer uma transição fill from left no background de um botão. Algo bem parecido como está em http://h5bp.github.io/Effeckt.css/dist/#0 (procurar o botão "fill from left"). Quero que quando eu ...
Felipe Viero Goulart's user avatar
3 votos
2 respostas
201 visitas

Personalizando o Scroll de uma 'div'

Como há muitas resoluções de vários dispositivos diferentes, estou com uma dificuldade de exibir uma lista de feed. Segue uma imagem de como eu acho melhor de exibir tal DIV (lista), em vista que a ...
Phellipe Lins's user avatar
5 votos
1 resposta
296 visitas

Limite de imagens por linha utilizando FlexBox

Estou utilizando flexbox para mostrar imagens, porém ele lista todas em uma linha só, gostaria de poder exibir 3 imagens por linha. Estrutura HTML: <section class="content"> <?php $...
Furlan's user avatar
  • 2.392
5 votos
1 resposta
528 visitas

Problemas com @font-face da mesma família

Estou tendo um problema em relação ao modulo Font do CSS3. Tenho uma fonte com 3 tipos: bold, normal e italic e as inseri no CSS com o mesmo nome porem com os atributos referentes ao font-weight e ...
Jonathan Célio's user avatar
7 votos
8 respostas
6mil visitas

Como fazer com que uma DIV preencha toda a largura disponível

Tenho duas divs, uma com largura fixa, 250px; que fica à esquerda, será um menu fixo, sempre à esquerda. E outra div à direita que quero fazer com que ela fique 100%, sempre que o usuário manusear os ...
Felipe Viero Goulart's user avatar
2 votos
2 respostas
1mil visitas

O Conteúdo estático da jsp não aparece

Estou utilizando o netbeans 7.3.1, aparentemente ele está funcionando ok. As páginas estão abrindo normalmente, porém quando tento acessar o conteúdo css, jpg, ... dentro da pasta resources, não ...
Celso Agra's user avatar
8 votos
2 respostas
141 visitas

Dúvida sobre @media

fiz o front-end de um site, no qual seu layout principal estava em 1920px e estou adaptando para outras telas, utilizando: @media (min-width: 0px) and (max-width: 1920px) {} Vi que no IE8 não está ...
Felipe Viero Goulart's user avatar
1 voto
3 respostas
228 visitas

Problema com o Bundle

Estou desenvolvendo um projeto e chegou a hora de trabalhar na performance do mesmo, e fui utilizar o esquema de bundling e minification do MVC 4.5, ele funcionou como esperado, ele juntou todos os ...
fbadaro's user avatar
  • 358
12 votos
3 respostas
22mil visitas

Como fazer um preview de uma imagem carregada em um input do tipo "file"?

Descrição: Tenho um exemplo aqui de como esta funcionando o meu sistema. Link do EXEMPLO HTML <input type=file> <input type=button class=hide value="Adicionar outro"> JAVASCRIPT ...
Jefferson Alison's user avatar
26 votos
2 respostas
7mil visitas

Pegar cores da imagem

Há uma possibilidade (com plugins ou não) de pegar as [principais] cores ou as cores predominantes, parecido com o Adobe Kuler, da imagem? Exemplo Tenho essa imagem: E queria pegar as principais ...
Leonardo Diego's user avatar
8 votos
3 respostas
3mil visitas

Tabela css tipo excel

Estou a criar uma tabela para inserção/consulta de dados que seja o mais parecido com o formato de uma folha excel. A minha tabela: Problema: Como a imagem acima mostra, ao colocar uma input num td,...
CesarMiguel's user avatar
  • 4.830
16 votos
3 respostas
8mil visitas

Qual a utilidade do operador til no CSS?

Ao ler alguns códigos vejo que é comum a utilização do til (~) na definição do seletor. Ex.: .effeckt-show.effeckt-modal-wrap ~ .effeckt-modal-overlay { ... } Código retirado do Effeckt.css.
Júnior's user avatar
  • 870
5 votos
2 respostas
281 visitas

Como usar fadeIn() em addClass()?

Tenho 10 elementos com classe "hide", menos a primeira. Ao clicar em um botão eu removo o proximo hide e adiciono a classe "show", mas ao adiciona-la quero colocar um efeito de fadeIn(). É possivel?
Jefferson Alison's user avatar
-1 votos
1 resposta
243 visitas

Criar um scrollable tabs com javascript [fechada]

O que é que vocês recomendam para criar uma scrollable tabs com Javascript?
Firmino Changani's user avatar
5 votos
3 respostas
3mil visitas

Como chamar scripts em um tema filho de Wordpress?

Estou tentando montar um template Wordpress. O que não consigo fazer ainda é chamar o script no tema filho que eu criei. O CSS deu certo, porém os scripts não. São vários, e me perdi em como colocá-...
Edizzz's user avatar
  • 51
7 votos
2 respostas
481 visitas

Como especificar uma class CSS para textos que quebram linha em um elemento HTML?

Na maioria das vezes que trabalho com textos dentro de elementos HTML, utilizo um recurso em CSS chamado line-height. Suponhamos que a altura de um elemento específico seja de 50px, logo, coloco o ...
paulomartinhago's user avatar
3 votos
3 respostas
6mil visitas

Como ver se foi selecionado um arquivo em input do tipo "file"?

Existe alguma forma de saber se o input do tipo file tem algum arquivo ja carregado, pronto para ser enviado? Quero fazer uma condição onde se tiver algum arquivo para fazer upload no primeiro input, ...
Jefferson Alison's user avatar
17 votos
9 respostas
73mil visitas

Como desabilitar o scroll de uma página web?

Eu tenho tentando desabilitar o scrolling de uma página. Tudo que eu tenho encontrado são soluções do tipo: #container{ overflow: hidden; } Mas isso apenas oculta a barra de scroll. Como eu faria ...
Felipe Avelar's user avatar
8 votos
2 respostas
784 visitas

Por que setar uma propriedade CSS com o atributo !important não funciona no método .css()?

Gostaria de saber o motivo real da incapacidade que a função jQuery.css() possui, que seria o fato de que ao utilizar o atributo !important em qualquer propriedade CSS atribuída, o mesmo não é ...
Paulo Roberto Rosa's user avatar
4 votos
1 resposta
284 visitas

Como usar fadeIn() com um append()?

Como adicionar o efeito de fadeIn(), junto com um append(). EXEMPLO
Jefferson Alison's user avatar