Eu gostaria de escrever uma regra de seletor de CSS que selecione todos os elementos que não têm uma determinada classe. Por exemplo, dado o seguinte HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu...
Estou tentando corrigir um, divpara que ele sempre fique na parte superior da tela, usando: position: fixed; top: 0px; right: 0px; No entanto, o divestá dentro de um contêiner centrado. Quando eu uso, position:fixedele corrige o divparente da janela do navegador, como no lado direito do...
Existe uma maneira simples de exibir um bitmap colorido em escala de cinza com apenas HTML/CSS? Não precisa ser compatível com o IE (e imagino que não será) - se funcionar em FF3 e / ou Sf3, isso é bom o suficiente para mim. Eu sei que posso fazer isso com o SVGCanvas e com o Canvas, mas isso...
Usando comentários condicionais, é fácil segmentar o Internet Explorer com regras CSS específicas do navegador: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Às vezes, é o mecanismo Gecko (Firefox) que se comporta mal. Qual seria a melhor maneira de segmentar...
Existe alguma maneira melhor de reescrever isso: $('element').removeClass('class1').removeClass('class2'); Não posso usar removeClass();, pois removeria TODAS as classes, o que não
Quando um elemento HTML é 'focado' (atualmente selecionado / tabulado), muitos navegadores (pelo menos Safari e Chrome) colocam uma borda azul em torno dele. Para o layout em que estou trabalhando, isso é perturbador e não parece certo. <input type="text" name="user" class="middle" id="user"...
Qual é exatamente a diferença entre the inlinee inline-blockvalues of CSS
Usando CSS, como posso aplicar mais de um transform? Exemplo: A seguir, apenas a tradução é aplicada, não a rotação. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px);
Usando JavaScript simples (não jQuery), existe alguma maneira de verificar se um elemento contém uma classe? Atualmente, estou fazendo o seguinte: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have...
Estou trabalhando com imagens e me deparei com um problema com proporções. <img src="big_image.jpg" width="900" height="600" alt="" /> Como você pode ver, heighte widthjá está especificado. Adicionei regra CSS para imagens: img { max-width:500px; } Mas para big_image.jpg, eu recebo...
Eu usei o código do meu modal diretamente no exemplo do Bootstrap e incluí apenas o bootstrap.js (e não o bootstrap-modal.js). No entanto, meu modal está aparecendo sob o desbotamento cinza (pano de fundo) e não é editável. Aqui está o que parece: Veja este violino para uma maneira de...
Por que não existe um botão de upload de elemento de arquivo sofisticado para a inicialização do Twitter? Seria bom se o botão principal azul fosse implementado para o botão de upload. É ainda possível aperfeiçoar o botão de upload usando CSS? (parece um elemento nativo do navegador que não pode...
Estou tentando seguir um exemplo muito básico. Usando a página inicial e o sistema de grade , eu esperava o seguinte: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Executar...
Eu tenho uma tag div assim: <div> <label>Name</label> <input type="text"/> </div> Como posso exibir uma dica de ferramenta na :hoverdiv, de preferência com um efeito fade in /
Eu tenho usado word-wrap: break-wordpara quebrar o texto em divs e spans. No entanto, parece não funcionar nas células da tabela. Eu tenho uma tabela definida como width:100%, com uma linha e duas colunas. O texto nas colunas, embora com o estilo acima word-wrap, não quebra. Faz com que o texto...
Eu sei o que é CSS Reset, mas recentemente ouvi falar sobre essa coisa nova chamada Normalize.css Qual é a diferença entre Normalize.css e Reset CSS ? Qual é a diferença entre normalizar CSS e redefinir CSS? É apenas uma nova palavra da moda para a redefinição de
O que há de errado com meu código angular? Estou obtendo: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active:...
Os seletores CSS são correspondidos pelos mecanismos do navegador da direita para a esquerda. Então, eles primeiro encontram as crianças e depois checam os pais para ver se elas correspondem ao restante das partes da regra. Por que é isso? É apenas porque a especificação diz? Isso afeta o layout...
este <div id="" style="overflow:scroll; height:400px;"> Executar snippet de códigoOcultar resultadosExpandir snippet dá a divisso que o usuário pode rolar na horizontal e na vertical. Como faço para alterá-lo para que a div seja rolada apenas
Eu quero um layout div de duas colunas, onde cada um pode ter largura variável, por exemplo div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Executar snippet de códigoOcultar resultadosExpandir snippet Eu quero que a...