Programação css

12

Tenho um formulário de contato oculto que é implantado clicando em um botão. Seus campos são definidos como imagens de plano de fundo CSS e sempre aparecem um pouco depois do div que foi alternado. Eu estava usando este snippet na <head>seção, mas sem sorte (depois de limpar o cache): …

118 css image background preloader preload

8

Diferença entre @import e link em CSS

Estou aprendendo CSS para ajustar meu modelo de projeto. Cheguei a esse problema e não encontrei uma resposta clara na web. Existe uma diferença entre usar @import ou link em CSS? Uso de @import <style>@import url(Path To stylesheet.css)</style> Uso de Link <link rel="stylesheet" href="Path To stylesheet.css"> Qual é a melhor …

118 css import hyperlink

12

Como remover a seta no menu suspenso no Bootstrap 4?

Estou usando o Bootstrap 4. Tentei remover a seta no menu suspenso. As respostas que encontrei para o Bootstrap 3 não funcionam mais. O jsfiddle está aqui . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" …

118 css twitter-bootstrap twitter-bootstrap-4

2

Múltiplos pesos de fonte, uma consulta @ font-face

Tenho que importar a fonte Klavika e a recebi em vários formatos e tamanhos: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Agora gostaria de saber se é possível importá-los para o CSS com apenas uma @font-face-query, onde estou definindo o weightna consulta. Quero evitar copiar / colar a consulta …

118 css fonts font-face

5

Reproduza várias animações CSS ao mesmo tempo

Como posso fazer com que duas animações CSS sejam reproduzidas em velocidades diferentes ? A imagem deve girar e crescer ao mesmo tempo. A rotação será alternada a cada 2 segundos. O crescimento terá um ciclo a cada 4 segundos. Código de exemplo: .image { position: absolute; top: 50%; left: …

118 css css-animations

13

Como posso encontrar imagens não utilizadas e estilos CSS em um site? [fechadas]

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 2 anos . Melhore esta questão Existe um método (diferente de tentativa e erro) que posso usar …

117 html css

12

Remover barra de rolagem do iframe

Usando este código <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> É assim que parece (a caixa de mensagens na página inicial de http://www.talkjesus.com ) Como removo a barra de rolagem horizontal e modifico o css da barra de rolagem vertical?

117 html css iframe

10

Cabeçalho do painel Bootstrap 3 com botões na posição errada

Estou usando o Bootstrap 3 e gostaria de adicionar alguns botões no cabeçalho do painel, no canto superior direito. Ao tentar adicioná-los, eles são mostrados abaixo da linha de base do título. Código: http://bootply.com/82631 Quais são os CSS ausentes que devo adicionar ao título, cabeçalho do painel ou botões?

117 css twitter-bootstrap twitter-bootstrap-3

2

Elementos de destino com várias classes, dentro de uma regra

Eu tenho algum HTML que teria elementos com várias classes e preciso atribuí-los dentro de uma regra, de modo que as mesmas classes possam ser diferentes em contêineres diferentes. Digamos que tenho isso no meu CSS: .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } Então eu …

117 css class target

13

Dimensione a imagem para caber em uma caixa delimitadora

Existe uma solução somente CSS para dimensionar uma imagem em uma caixa delimitadora (mantendo a proporção de aspecto)? Isso funciona se a imagem for maior que o contêiner: img { max-width: 100%; max-height: 100%; } Exemplo: Caso de uso 1 (funciona): http://jsfiddle.net/Jp5AQ/2/ Caso de uso 2 (funciona): http://jsfiddle.net/Jp5AQ/3/ Mas eu …

117 html css image resize autoresize

5

Flexbox e Internet Explorer 11 (exibir: flex em <html>?)

Estou planejando deixar de usar layouts "flutuantes" e usar CSS flexbox para projetos futuros. Fiquei encantado em ver que todos os principais navegadores em suas versões atuais parecem oferecer suporte (de uma forma ou de outra) ao flexbox. Eu fui para "Resolvido pelo Flexbox" para ver alguns exemplos. No entanto, …

117 html css flexbox cross-browser

10

Atributo alt da imagem de fundo CSS

Este é um que eu não tive que enfrentar antes. Preciso usar alt tags em todas as imagens em um site, incluindo aquelas usadas pelo atributo CSS background-image. Não existe nenhuma propriedade CSS como esta até onde eu sei, então qual é a melhor maneira de fazer isso?

117 html css

5

Desativar / desativar transições CSS3 herdadas

Portanto, tenho as seguintes transições css anexadas ao elemento a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Existe uma maneira de desativar essas transições herdadas em elementos específicos? a.tags …

117 css transitions css-transitions

10

Editar a espessura da linha do atributo CSS 'sublinhado'

Já que você pode sublinhar qualquer texto em CSS da seguinte maneira: H4 {text-decoration: underline;} Como você também pode editar aquela 'linha' que é desenhada, a cor que você obtém na linha é facilmente especificada como 'cor: vermelho', mas como se edita a altura da linha, ou seja, a espessura?

117 html css

5

Z-index não funciona com posição absoluta

Abri o console (chrome \ firefox) e executei as seguintes linhas: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); O #popupContent deve ser acima de tudo, mas é afetado pela opacidade #popupFrame. O conteúdo não está contido em #popupFrame, o que torna isso muito estranho. O objetivo é criar uma …

117 html css

Perguntas com a marcação «css»