Perguntas com a marcação «css»

Quero usar a fonte Roboto do Google no meu site e estou seguindo este tutorial: http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 Eu baixei o arquivo que possui uma estrutura de pastas como esta: Agora eu tenho três perguntas: Eu tenho css no meu media/css/main.cssURL. Então, onde eu preciso colocar essa pasta? Preciso extrair todos os …

164 html  css  fonts 

Eu isolei um pequeno caso de teste do z-indexbug do IE7 , mas não sei como corrigi-lo. Eu tenho jogado o z-indexdia todo. O que há de errado z-indexno IE7? Teste CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px …

163 css  internet-explorer-7  z-index 

Eu li em algum lugar que esse <img>elemento se comporta como ambos. Se correto, alguém poderia explicar com exemplos?

163 html  css  image 

Usando o jQuery, gostaria de desativar a rolagem do corpo: Minha ideia é: Conjunto body{ overflow: hidden;} Capturar a corrente scrollTop();/scrollLeft() Associe-se ao evento de rolagem do corpo, defina scrollTop / scrollLeft para o valor capturado. Existe uma maneira melhor? Atualizar: Por favor, veja meu exemplo e um motivo para, …

163 jquery  css  scroll 

Estou tentando acionar uma caixa de upload (botão de navegação) usando o jQuery. O método que eu tentei agora é: $('#fileinput').trigger('click'); Mas isso não parece funcionar. Por favor ajude. Obrigado.

163 javascript  jquery  css 

Eu tenho uma página onde apenas o formulário existe e quero que o formulário seja colocado no centro da tela. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> …

163 css  twitter-bootstrap  bootstrap-4  centering 

O comportamento padrão do WebKit / Blink (Safari / Chrome) no MacOS desde a versão 10.7 (Mac OS X Lion) é ocultar barras de rolagem dos usuários do trackpad quando eles não estão em uso. Isso pode ser confuso ; a barra de rolagem geralmente é a única dica visual …

162 css  macos  webkit  scrollbar  blink 

Eu já vi essa pergunta e pesquisei um pouco no Google , mas nada até agora funcionou. Eu acho que agora é 2010 (essas perguntas / respostas são antigas e, sem resposta) e temos CSS3! Existe alguma maneira de obter uma div para preencher a largura e a altura de …

162 css 

Imagine o seguinte layout, onde os pontos representam o espaço entre as caixas: [Left box]......[Center box]......[Right box] Quando removo a caixa direita, gosto que a caixa central ainda esteja no centro, da seguinte forma: [Left box]......[Center box]................. O mesmo vale para se eu remover a caixa esquerda. ................[Center box]................. Agora, …

162 html  css  flexbox  centering 

Parece que a sobreposição da Apple é mais do que apenas uma transparência. Alguma idéia de como obter esse efeito com CSS e possivelmente com JS?

161 javascript  css  user-interface  blur 

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 5 anos . Melhore esta pergunta Eu descobri recentemente Flexboxquando estava procurando …

161 html  css  twitter-bootstrap  flexbox 

Estou procurando um seletor de css que permita selecionar o filho anterior da lista. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Método estático: ul li:nth-child(5) Método dinâmico: ul li:last-child(-1) que obviamente não valida, o …

161 css  css-selectors 

Uma pergunta complicada de seletor de CSS, não sei se é possível. Digamos que este é o layout HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Quero selecionar o último div, que é exibido (ou seja, não display:none), que seria o terceiro divno exemplo dado. Lembre-se, o número de divs …

161 html  css  css-selectors 

Eu preciso da sua representação de código, como #FFFFFF.

161 html  css 

Como redefinir a max-heightpropriedade para o padrão, se ela tiver sido definida anteriormente em alguma regra CSS? Isso não funciona: pre { max-height: 250px; } pre.doNotLimitHeight { max-height: auto; // Doesn't work at least in Chrome }

161 css