Eu quero usar um aplicativo de altura total usando o flexbox. Eu encontrei o que eu queria usando o antigo módulo de layout flexbox ( display: box;e outras coisas) neste link: CSS3 Flexbox full-height app and overflow Esta é uma solução correta para navegadores que suportam apenas a versão antiga...
Eu quero colorir o fundo do SVG textsemelhante ao background-colordo CSS Só consegui encontrar documentação sobre fill, que colore o próprio texto É mesmo
Estou tentando implementar o efeito "fade out" em CSS puro. Aqui está o violino . Eu procurei algumas soluções online, no entanto, depois de ler a documentação online , estou tentando descobrir por que a animação de slide não funcionava. Quaisquer dicas? .dummy-wrap { animation: slideup 2s;...
Tenho um banco de dados que contém diversos tipos de dados, como vídeos do Youtube, vídeos do Vimeo, texto, imagens do Imgur, etc. Todos eles têm diferentes alturas e larguras. Tudo o que encontrei ao pesquisar na Internet foi alterar o tamanho para apenas um parâmetro. Tem que ser igual ao...
Estou tentando adicionar uma sobreposição preta transparente a uma imagem sempre que o mouse está passando sobre a imagem apenas com CSS. Isso é possível? Eu tentei isso: http://jsfiddle.net/Zf5am/565/ Mas não consigo fazer o div aparecer. <div class="image"> <img...
Diga que você tem isso: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> Você verá algo que preenche a tela, sem barras de rolagem. Mas adicione outro: <div class="box">Screen 1</div> <div class="box">Screen...
Eu tenho uma lista e cada item está vinculado, há uma maneira de alternar as cores de fundo para cada item? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link
Eu tenho um div com largura de 250px. Quando o texto interno é mais amplo do que isso, quero que ele se desfaça. O div é float: left e agora tem um overflow. Quero que a barra de rolagem desapareça usando a quebra de linha. Como posso conseguir isso? <div id="Treeview"> <div...
É possível obter uma notificação (como retorno de chamada) quando uma transição CSS foi
Como posso evitar que a textarea se estenda além de seu elemento DIV pai? Eu tenho essa textarea dentro de uma tabela que está dentro de um DIV e parece que isso faz com que a tabela inteira se estique fora de seus limites. Você pode ver um exemplo da mesma situação, mesmo em um caso mais...
Tenho uma tabela com muitas linhas em minha página. Gostaria de definir a altura da mesa, digamos, 500px, de forma que, se a altura da mesa for maior do que isso, uma barra de rolagem vertical aparecerá. Tentei usar o heightatributo CSS no table, mas não
Dado o seguinte, como faço para definir o tamanho automático da última coluna para seu conteúdo? (A última coluna deve dimensionar automaticamente a largura do conteúdo. Suponha que eu tenha apenas 1 elemento li que deve encolher vs. ter 3 elementos li etc): <table cellspacing="0"...
A célula não contém nada além de uma caixa de seleção. É bastante largo devido ao texto na linha do cabeçalho da tabela. Como faço para centralizar a caixa de seleção (com CSS embutido em meu HTML? (Eu sei)) eu tentei <td> <input type="checkbox" name="myTextEditBox" value="checked"...
Estou tendo problemas para entender o comportamento da :afterpropriedade CSS . De acordo com as especificações ( aqui e aqui ): Como seus nomes indicam, os :beforee :afterpseudo-elementos especificar a localização do conteúdo antes e depois do conteúdo árvore de documentos de um elemento. Isso...
Eu tenho um conjunto de <a>tags com cores de fundo rgba diferentes, mas o mesmo alfa. É possível escrever um único estilo css que alterará apenas a opacidade do atributo rgba? Um exemplo rápido do código: <a href="#"><img src="" /><div class="brown">Link...
Eu tenho esta imagem de botão: Eu queria saber se seria possível fazer com que um <a href="">some words</a>link simples e estilizado aparecesse como esse botão? Se for possível, como faço
<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> O acima não funciona. Como posso definir a largura máxima de uma célula da tabela usando
Estou tentando alinhar uma imagem ao centro da mesa td. Funcionou definindo a margem esquerda para um valor específico, mas também aumentou o tamanho do td e não era exatamente o que eu queria Existe alguma maneira eficiente de fazer isso? Usei porcentagens para a altura e a inteligência da...
Onde você coloca as fontes para que o CSS possa acessá-las? Estou usando fontes não padrão para o navegador em um arquivo .woff. Digamos que sua 'fonte incrível' esteja armazenada em um arquivo 'fonte
Tenho alguns contêineres e seus filhos estão posicionados apenas absolutos / relativamente. Como definir a altura dos contêineres para que seus filhos fiquem dentro deles? Aqui está o código: HTML <section id="foo"> <header>Foo</header> <article> <div...