Eu tenho duas imagens que precisam ser mantidas em linha; Quero escrever uma legenda sob cada imagem. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>
Eu quero que uma div esteja sempre à direita da div pai, então eu uso float:right. Funciona. Mas também quero que ele não afete outro conteúdo quando inserido, então eu o uso position:absolute. Agora float:rightnão funciona, minha div está sempre à esquerda da div pai. Como posso movê-lo para a...
Parece que houve uma atualização recente no Google Chrome que causa texto embaçado depois de fazer um transform: scale(). Especificamente, estou fazendo isso: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05);...
O que estou tentando fazer é alterar a cor da dica de ferramenta para vermelho. No entanto, também quero ter várias outras cores, para não substituir a cor da dica de ferramenta original. Como eu faria
Usando o exemplo principal retirado do Javascript do Bootstrap 3 página de exemplos para o Collapse , pude mostrar o estado do colapso usando os ícones da chevron. Eu tenho este trabalho usando: $('#accordion .accordion-toggle').click(function (e) { var chevState =
Quero manter a altura de #abc divem 50pxe o texto para alinhar verticalmente no meio do div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px;...
Eu tenho o elemento select, eu quero remover a seta, então eu posso adicionar outro ícone. Eu posso fazer isso no Firefox Safari e Chrome, mas isso não funcionou no IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and...
É possível fazer um envoltório de grade CSS sem usar consultas de mídia? No meu caso, tenho um número não determinístico de itens que desejo colocados em uma grade e quero que essa grade seja quebrada. Usando o Flexbox, não consigo espaçar bem as coisas de maneira confiável. Eu gostaria de evitar...
Estou procurando uma maneira de alterar as regras CSS para seletores de pseudo-classe (como: link,: hover, etc.) do JavaScript. Então, um análogo do código CSS: a:hover { color: red }em JS. Não consegui encontrar a resposta em nenhum outro lugar; se alguém souber que isso é algo que os...
Usando apenas css, como posso substituir o css apenas da 2ª coluna de uma tabela. Eu posso acessar todas as colunas usando: .countTable table table td Não consigo acessar o html nesta página para modificá-lo, pois não é o meu
Estou tentando fazer com que uma imagem (colocada dinamicamente, sem restrições de dimensões) seja tão larga quanto sua div principal, mas apenas enquanto essa largura não for maior que sua própria largura em 100%. Eu tentei isso, sem sucesso: img { width: 100%; height: auto; max-width:...
Estou usando uma imagem transparente de 1x1 com uma imagem de fundo, para poder usar sprites e ainda fornecer texto alternativo para alguns ícones. Desejo usar um URI de dados para a imagem para reduzir o número de solicitações HTTP, mas qual seria a menor string possível para produzir uma imagem...
Preciso exibir uma imagem no canto superior direito de uma div (a imagem é uma faixa "diagonal"), mas mantendo o texto atual contido em uma div interna, como colada na parte superior. Eu tentei coisas diferentes, incluindo a imagem em outra div ou definindo sua classe como: .ribbon { position:...
Acabei de descobrir Sass e estou muito empolgado com isso. No meu site, implemento um menu de navegação semelhante a uma árvore, estilizado usando o combinador filho ( E > F). Existe alguma maneira de reescrever esse código com uma sintaxe mais simples (ou melhor) no Sass? #foo > ul >...
Sei que é possível especificar um gráfico personalizado para ser um caractere de marcador de substituição, usando o atributo CSS: list-style-image E então fornecendo um URL. No entanto, no meu caso, eu só quero usar o símbolo '+'. Não quero criar um gráfico para isso e depois apontá-lo. Prefiro...
Estou tentando substituir a seta de uma seleção por uma imagem minha. Estou incluindo o select em um div com o mesmo tamanho, defino o background do select como transparente e estou incluindo uma imagem (com o mesmo tamanho da seta) no canto superior direito do div como background. Só funciona no...
На этот вопрос есть ответы на Stack Overflow на русском : scroll & padding Eu tenho um pequeno problema ao tentar manter minhas páginas .html em uma largura consistente no Chrome, por exemplo, eu tenho uma página (1) com muito conteúdo que ultrapassa a altura da...
É possível controlar o comprimento e a distância entre os traços de borda tracejada no CSS? Este exemplo abaixo é exibido de maneira diferente entre os navegadores: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Executar...
Pesquisando a especificidade, me deparei com este blog - http://www.htmldog.com/guides/cssadvanced/specificity/ Ele afirma que a especificidade é um sistema de pontuação para CSS. Diz-nos que os elementos valem 1 ponto, as classes valem 10 pontos e os IDs valem 100 pontos. Além disso, também diz...
Eu já vi isso muitas vezes que a perspectiva de um preenchimento negativo pode ajudar o desenvolvimento de CSS de certos elementos da página a tornar-se melhor e mais fácil. No entanto, não há previsão de preenchimento negativo no CSS do W3C. Qual é a razão por trás disso? Existe alguma obstrução à...