Estou tentando fazer um efeito de transição background-colorao passar o mouse sobre os itens de menu, mas não funciona. Aqui está o meu código CSS: #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition:...
Estou tentando fazer uma regra horizontal com algum texto no meio. Por exemplo: ----------------------------------- meu título aqui ------------ ----------------- Existe uma maneira de fazer isso em CSS? Sem todos os traços "-"
Estou usando borda pontilhada na minha caixa como .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } Quero aumentar o espaço entre cada ponto da
Alguém sabe como posso impedir que o texto em uma célula da tabela seja quebrado? Isso é para o cabeçalho de uma tabela e o cabeçalho é muito mais longo que os dados abaixo, mas eu preciso que ele seja exibido em apenas uma linha. Tudo bem se a coluna for muito larga. O HTML da minha tabela...
existe alguma maneira de centralizar elementos html vertical ou horizontalmente dentro dos pais
Eu tenho um problema muito estranho ... em todos os navegadores e versões móveis, encontrei esse comportamento: todos os navegadores têm um menu superior quando você carrega a página (mostrando a barra de endereço, por exemplo), que desliza para cima quando você começa a rolar a página. Às vezes,...
É possível usar uma definição SVG embutida em CSS? Quero dizer algo como: .my-class { background-image:
Você pode substituir align-itemscom align-selfpara um item de flex. Estou procurando uma maneira de substituir justify-contentum item flexível. Se você tinha um contêiner flexbox com justify-content:flex-end, mas deseja o primeiro item justify-content: flex-start, como isso pode ser feito? Esta...
Flutuei imagens e caixas de inserção na parte superior de um contêiner usando float: direita (ou esquerda) várias vezes. Recentemente, atendi à necessidade de flutuar uma div no canto inferior direito de outra div com a quebra de texto normal que você obtém com a flutuação (texto quebrado acima e...
É possível usar pseudo-classes CSS para selecionar instâncias pares e ímpares de itens da lista? Eu esperava que o seguinte produzisse uma lista de cores alternadas, mas, em vez disso, recebo uma lista de itens azuis: <html> <head> <style> li { color: blue } li:odd {...
Minhas perguntas) Algum desses métodos é preferido por um web designer profissional? Algum desses métodos é preferido por um navegador da web ao desenhar o site? Isso tudo é apenas preferência pessoal? Faltam outras técnicas? Nota: As perguntas acima são referentes ao design de um layout de...
Eu tenho uma área de texto HTML que é de largura fixa, mas altura variável. Gostaria de definir overflow:scrolle poder mostrar uma barra de rolagem vertical, mas não a horizontal. Não consigo usar overflow:autodevido a outras coisas específicas da minha situação. Eu sei que não há como usar CSS2...
Quero usar um ícone de Fonte impressionante como conteúdo CSS, ou seja, a:before { content: "<i class='fa...'>...</i>"; } Sei que não posso usar o código HTML content, então só restam
Existe algo como o Firebug que você pode usar no Google Chrome? Recursos essenciais que eu gostaria: Inspecionar a fonte HTML (selecione elementos, exclua-os etc.) verifique os valores CSS (a solução embutida é estranha, de alguma
Eu quero duas classes com nomes diferentes para ter a mesma propriedade em CSS. Não quero repetir o código. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Executar snippet de códigoOcultar resultadosExpandir...
Mais recentemente, tenho visto perguntas com a tag "webkit". Tais perguntas geralmente tendem a ser baseadas na Web, relacionadas a CSS, jQuery, layouts, problemas de compatibilidade entre navegadores, etc ... Então, o que é esse "webkit" e como ele se relaciona com o CSS? Também notei muitas...
Quero um botão para ocupar toda a largura da coluna, mas com dificuldades ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Como faço para tornar o botão tão largo quanto a...
Qual é a diferença entre as :focuse
Digamos que você tenha um div, dê um definido widthe coloque elementos nele, no meu caso um imge outro div. A ideia é que o conteúdo do contêiner divfaça com que ele divse estique e seja um pano de fundo para o conteúdo. Mas quando faço isso, o conteúdo divdiminui para se ajustar aos objetos não...
Estou tentando aplicar um gradiente a uma borda, achei tão simples quanto fazer isso: border-color: -moz-linear-gradient(top, #555555, #111111); Mas isso não funciona. Alguém sabe qual é a maneira correta de fazer gradientes de