Perguntas com a marcação «css»

Estou lutando para criar uma caixa de texto que se ajuste a toda a largura da minha área de contêiner . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Quando faço isso, os dois …

138 html  css  twitter-bootstrap-3 

Suponha que eu tenha a seguinte regra CSS na minha página: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } Como posso detectar qual das fontes definidas foi usada no navegador do usuário? Edite para as pessoas que se perguntam por que quero fazer isso: A fonte que estou detectando …

138 javascript  html  css  fonts 

Eu estive pesquisando um modelo de clichê HTML 5 (em http://html5boilerplate.com/ ) e notei o uso de "?v=1"URLs ao me referir a arquivos CSS e Javascript. O que acrescenta "?v=1"aos URLs CSS e Javascript nas tags de link e script? Nem todos os URLs Javascript possuem o "?v=1"(exemplo da amostra …

138 html  css  browser-cache 

Eu tenho um modelo e ele tem uma referência a uma fonte do Google como esta: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> Como posso baixá-lo e configurá-lo para uso em minhas páginas que ficam off-line o tempo todo?

138 css  fonts  offline  google-fonts 

Acabei de aprender sobre uma unidade CSS nova e incomum. vhe vwmeça a porcentagem de altura e largura da janela de visualização, respectivamente. Eu olhei para essa pergunta do Stack Overflow, mas fez as unidades parecerem ainda mais semelhantes. Como funciona a unidade vw e vh A resposta diz especificamente …

138 css  viewport-units 

Aqui está o que estou tentando realizar em HTML / CSS: Tenho imagens em diferentes alturas e larguras, mas todas elas têm menos de 180x235. Então, o que eu quero fazer é criar um divcom bordere vertical-align: middletodos eles. Eu fiz isso com sucesso, mas agora estou preso em como …

138 html  css 

Desejo aplicar algumas CSS para elementos de entradas e quero fazer isso apenas para entradas que não estão desabilitadas e não são do tipo de envio, abaixo de css não está funcionando, talvez se alguém puder me explicar como isso deve ser adicionado. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 …

138 css  css-selectors  pseudo-class 

A documentação mais recente possui: <p class="mb-0">Lorem ipsum</p> Executar snippet de códigoOcultar resultadosExpandir snippet Q: O que é mb-0

138 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Semelhante a " Como detectar se o OS X está no modo escuro? " Apenas para navegadores. Alguém descobriu se existe uma maneira de detectar se o sistema do usuário está no novo modo escuro do OS X no Safari / Chrome / Firefox? Gostaríamos de mudar o design do …

138 css  macos  safari 

Estou recebendo esse erro no Chrome quando ele carrega esse aplicativo em que estou trabalhando: Falha ao obter texto para a folha de estilo 50: Nenhuma folha de estilo com o ID fornecido foi encontrada Carregamentos de páginas subsequentes repetem o erro, mas com um número diferente: Falha ao obter …

137 css  google-chrome 

Estou substituindo o CSS do site por uma versão RTL quando o idioma específico é escolhido. Eu tenho um elemento que precisa ter posicionamento absoluto. Na versão LTR, eu faço left: 0px;e está alinhado à esquerda; na versão RTL, quero fazer o oposto right, mas a leftpropriedade não é substituída …

137 css  css-position 

Estou tentando aplicar a cor de fundo quando um mouse de usuário passa o mouse sobre o elemento cujo nome da classe é "reMode_hover". Mas não quero mudar de cor se o elemento também tiver"reMode_selected" Nota: Só posso usar CSS e não javascript porque estou trabalhando em algum tipo de …

137 html  css  css-selectors 

Estou tendo problemas com uma tabela html que está transbordando seu contêiner pai. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } <div class="page"> <table class="my-table"> <tr> <th>Header Text</th> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Header Text</th> …

137 html  css  html-table 

Eu estou tentando dar a uma div (position: fixed) a largura de 100% (relativa à div principal). Mas eu tenho alguns problemas ... Edição: O primeiro problema é resolvido usando herdar, mas ainda não funciona. Eu acho que o problema é que eu estou usando várias divs que levam a …

137 jquery  css  jquery-plugins 

Gostaria de desativar completamente a rolagem no HTML body. Eu tentei as seguintes opções: overflow: hidden; (não está funcionando, não desativou a rolagem, apenas ocultou a barra de rolagem) position: fixed; (funcionou, mas rolou completamente para o topo, o que é inaceitável para este aplicativo específico) Não consegui encontrar alternativas …

137 html  css  scroll