Lembro-me de ter ouvido há muito tempo que era considerado "prática recomendada" envolver aspas em nomes de fontes que contenham várias palavras na propriedade da família de fontes CSS, como este: font-family: "Arial Narrow", Arial, Helvetica, sans-serif; Por falar nisso, tentei remover as...
Estou tendo um inferno com este seletor CSS específico que não quer funcionar quando eu adiciono :not(:empty)a ele. Parece funcionar bem com qualquer combinação dos outros seletores: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Se eu remover a :not(:empty)peça,...
Eu tenho uma textarea que está sendo recarregada dinamicamente conforme a entrada do usuário está sendo enviada. Ela se atualiza a cada dois segundos. Quando a quantidade de texto nesta área de texto excede o tamanho da área de texto, uma barra de rolagem é exibida. No entanto, a barra de...
É possível fazer a navegação da barra lateral ficar sempre fixa na rolagem no layout
Estou tendo problemas para remover quebras de linha após o <h1> tag, pois toda vez que ele imprime, ele adiciona uma quebra de linha logo depois, então algo como <h1>Hello World!</h1> <h2>Hello Again World!</h2>imprime assim: Hello World! Hello Again World! Não...
Estou tentando fazer com que uma propriedade de animação CSS permaneça após a conclusão, isso é possível? É isso que estou tentando alcançar ... O elemento deve ser ocultado quando o usuário chega à página, após 3 segundos (ou o que for), ele deve aparecer gradualmente e assim que a animação...
Atualmente, coloquei isso na tag body para desativar as seleções de texto: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } No entanto, minhas caixas inpute textareaagora não podem ser selecionadas. Como posso apenas tornar esses elementos...
Tenho a seguinte estrutura: <body> <div id="main-wrapper"> <header> </header> <nav> </nav> <article> </article> <footer> </footer> </div> </body> Eu carrego conteúdo dinamicamente no <article>usando...
Parece haver um problema com minha página aqui: http://www.lonewulf.eu Ao passar o mouse sobre as miniaturas a imagem se move um pouco para a direita, e isso só acontece no Chrome. Meu css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);...
Eu originalmente criei um aplicativo da web em HTML, CSS e JavaScript, então fui solicitado a criá-lo novamente no Bootstrap. Fiz tudo bem, mas tinha botões de alternância no aplicativo da web que mudaram de volta para botões de rádio (originalmente caixa de seleção) em vez dos botões de...
Portanto, é possível ter animação reversa na saída do mouse como: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } mas, ao usar a animação @keyframes, não consegui fazê-la funcionar, por exemplo: .class{ animation-name: out;
Eu tenho este código: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled">...
É possível delimitar uma linha da tabela de <tr>uma vez em vez de delimitar células individuais, <td>como <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th>...
No iOS (Safari 5), tenho que seguir o elemento de entrada (sombra interna superior): Quero remover a sombra superior, o bug -webkit-appearancenão salva. O estilo atual é: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center;...
Eu tenho um modal bootstrap 2.32 que estou tentando inserir dinamicamente no HTML de outro modo de exibição. Estou trabalhando com Codeigniter 2.1. Depois de inserir dinamicamente uma visualização parcial modal de bootstrap em uma visualização , eu tenho: <div
Eu quero que os itens flexíveis sejam centralizados, mas quando tivermos uma segunda linha, tenha 5 (da imagem abaixo) abaixo de 1 e não centralizado no pai. Aqui está um exemplo do que eu tenho: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;...
Estou tentando fazer uma mudança de cor de fundo de div ao passar o mouse . o div {background: white;} o div a: hover {background: grey; largura: 100%; display: bloco; decoração de texto: nenhum;} apenas o link dentro do div obtém a cor de fundo . o que eu poderia fazer para que todo o...
pode usar qualquer coisa em qualquer ordem? a colocação <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">é importante antes<title> esse é o mais usado, é o melhor jeito? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Tenho que apresentar um protótipo de um aplicativo web nos dias seguintes para um dos meus clientes, o que acontece é que não sou muito bom em CSS e o pior de tudo quase nunca fico feliz com os resultados que recebo. Codificar a lógica de negócios não representa nenhum desafio para mim, o design...
Você sabe como ocultar o ícone clássico “Imagem não encontrada” de uma página HTML renderizada quando um arquivo de imagem não é encontrado? Qualquer método de trabalho usando JavaScript / jQuery / CSS?