Qual é a melhor maneira de centralizar verticalmente o conteúdo de uma div quando a altura do conteúdo é variável. No meu caso particular, a altura da div do contêiner é fixa, mas seria ótimo se houvesse uma solução que funcionasse nos casos em que o contêiner também tivesse uma altura variável....
Alguém sabe se / quando o Internet Explorer suportará o atributo CSS
Minha exigência é simples: 2 colunas onde a correta tem um tamanho fixo . Infelizmente, não consegui encontrar uma solução funcional, nem no stackoverflow nem no Google. Cada solução descrita lá falha se eu implementar no meu próprio contexto. A solução atual é: div.container { position: fixed;...
Dada qualquer imagem arbitrária, quero cortar um quadrado do centro da imagem e exibi-lo dentro de um determinado quadrado. Esta pergunta é semelhante a esta: CSS exibe uma imagem redimensionada e cortada , mas não sei o tamanho da imagem, portanto não posso usar margens
Analisei algumas demos e não tenho idéia do por que não consigo fazer o giro do CSS3 funcionar. Estou usando a versão estável mais recente do Chrome. O violino: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin;...
Estou tentando descobrir como fazer a seguinte grade com o Bootstrap. Não sei como criaria a caixa (número 1) que se estende por duas linhas. As caixas são geradas programaticamente na ordem em que são dispostas. A caixa 1 é uma mensagem de boas-vindas. Alguma idéia sobre o melhor caminho a...
Eu preciso adicionar uma classe dinâmica a uma lista de classes regulares, mas não tenho idéia de como (estou usando babel), algo como isto: <div className="wrapper searchDiv {this.state.something}"> ... </div> Alguma
Eu preciso fazer um cálculo numérico com base nas propriedades CSS. No entanto, quando eu uso isso para obter informações: $(this).css('marginBottom') retorna o valor '10px'. Existe um truque apenas para obter o número de peça do valor, não importa se é pxou %ou emou qualquer outra...
Neste artigo, http://css-tricks.com/css-sprites/ , ele fala sobre como cortar uma imagem menor de uma imagem maior. Você pode me dizer se é possível / como posso cortar uma imagem menor e depois escalar a região cortada antes de colocá-la em destaque? Aqui está um exemplo desse artigo: A {...
Estou tentando replicar um estilo de botão em uma maquete do Photoshop que possui duas sombras. A primeira sombra é uma sombra interna da caixa mais clara (2px) e a segunda é uma sombra projetada fora do próprio botão (5px). No Photoshop, isso é fácil - Inner Shadow e Drop Shadow. Aparentemente,...
Estou criando um menu de navegação com palavras com cores diferentes ( hreflinks). Eu gostaria que a cor NÃO mudasse em nenhum estado (passe o mouse, visitei etc.). Eu sei como definir as cores para os diferentes estados, mas gostaria de saber o código para deixar a cor do texto (e qualquer outro...
Em um cabeçalho HTML, eu tenho o seguinte: <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.cssé minha planilha específica da página. master.cssé uma planilha...
Qual é a melhor maneira de espaçar horizontalmente os botões do Bootstrap? No momento, os botões estão tocando: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span...
Atualmente, estou usando a função abaixo para criar texto que será exibido usando o plug-in de dica de ferramenta do Bootstrap. Como as dicas de ferramentas multilinhas funcionam apenas com <br>e não \n? Prefiro que não haja HTML nos atributos de título dos meus links. O que funciona def...
Estou usando a estrutura do Bootstrap para minha interface do usuário. Quero mudar a cor dos meus glyphicons para azul, mas não em todos os lugares. Em alguns lugares, deve usar a cor padrão. Mencionei esses dois links, mas não estou encontrando nada útil. Posso adicionar cores aos ícones de...
Estou tentando usar o recurso Modal do Bootstrap 3 para mostrar meu vídeo do Youtube. Funciona, mas não consigo clicar em nenhum botão no vídeo do Youtube. Alguma ajuda nisso? Aqui está o meu código: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1"...
Gostaria de saber se é possível utilizar classes impressionantes de fontes (ou qualquer outra fonte icônica) para criar um <li>tipo de estilo de lista personalizado ? Atualmente, estou usando o jQuery para fazer isso, ou seja: $("li.myClass").prepend("<i
Encontrei este exemplo no stackoverflow: Desenhar círculo usando css sozinho O que é ótimo. Mas gostaria de saber como modificar esse exemplo para incluir texto no meio do círculo? Também encontrei o seguinte: centralizar vertical e horizontalmente o texto em círculo em CSS (como o emblema de...
O Flexbox tem esse comportamento em que estende as imagens à sua altura natural. Em outras palavras, se eu tiver um contêiner flexbox com uma imagem filho e redimensionar a largura dessa imagem, a altura não será redimensionada e a imagem será esticada. div { display: flex; flex-wrap:...
Normalmente, os arquivos css são colocados dentro <head></head>, e se eu o colocar dentro <body></body>, que diferença