Usei o layout CSS flex box que aparece conforme mostrado abaixo: Se a tela ficar menor, ela se tornará assim: O problema é que as imagens não são redimensionadas mantendo a proporção da imagem original. É possível usar CSS puro e layout de flex box para permitir que as imagens sejam...
Desde os problemas causados pelo uso de Cufon eu me aventurei a deixar de usar recursos de fontes externas, mas ultimamente tenho procurado métodos alternativos de carregamento de fontes para ver se há uma maneira melhor; métodos melhores têm uma maneira de simplesmente aparecer do nada. Existem...
Eu gostaria de criar um efeito paradoxal por meio da propriedade z-index CSS . No meu código tenho cinco círculos, como na imagem abaixo, e todos eles estão absolutamente posicionados sem nenhum definido z-index. Portanto, por padrão, cada círculo se sobrepõe ao anterior. No momento, o círculo 5...
Estou tentando desativar um link específico e aplicar o estilo do cursor, mas este comando CSS cursor: text;não tem efeito. O cursor é sempre padrão. Estou usando a versão mais recente do Firefox. CSS: pointer-events: none !important; cursor: text; color: Blue;
Eu sei que incorporar estilos CSS diretamente nas tags HTML que eles afetam anula muito do propósito do CSS, mas às vezes é útil para fins de depuração, como em: <p style="font-size: 24px">asdf</p> Qual é a sintaxe para incorporar uma regra como: a:hover {text-decoration:...
Estou usando componentes textarea em meu aplicativo e controlo sua altura dinamicamente. Conforme o usuário digita, a altura é aumentada sempre que houver texto suficiente. Isso funciona bem no IE, Firefox e Safari. No entanto, no Safari, há uma ferramenta de "alça" no canto inferior direito que...
Como posso desenhar uma linha pontilhada com
Estou preenchendo uma área de texto com conteúdo para o usuário editar. É possível esticar para ajustar o conteúdo com CSS (como overflow:showpara um div)?
Aqui está um exemplo que não entendo: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Parece-me que isso width: 460pxse aplica a todas as classes acima mencionadas. Mas por que algumas classes são separadas por uma vírgula ( ,) e outras apenas por um espaço? Suponho que...
No CSS, o overflow:hiddené definido em contêineres pai para permitir que ele se expanda com a altura de seus filhos flutuantes. Mas também tem outro recurso interessante quando combinado com margin: auto... Se o irmão ANTERIOR for um elemento flutuante, ele aparecerá justaposto a ele. Ou...
É possível remover a linha pontilhada ao redor de um item selecionado em um elemento selecionado? Tentei adicionar a outlinepropriedade no CSS, mas não funcionou, pelo menos não no FF. <style> select { outline:none; } </style> Atualizar Antes de prosseguir e remover o esboço,...
No presente exemplo, a imagem não está centrada. Por quê? Meu navegador é o Google Chrome v10 no Windows 7, não o IE. <img src="/img/logo.png" style="margin:0px
Eu tenho o seguinte código: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input...
Eu tenho dois contêineres div. Embora um precise ter uma largura específica, preciso ajustá-lo para que o outro div ocupe o resto do espaço. Existe alguma maneira de fazer isso? .left { float: left; width: 83%; display: table-cell; vertical-align: middle; min-height: 50px; margin-right:...
Quero evitar a quebra de página dentro da linha da tabela em html, quando converter html para PDF por wkhtmltopdf. Eu uso a quebra de página dentro: evitar com tabela - funciona, mas eu tenho tantas linhas, então não funciona. Se definir a exibição de tr como bloco ou alguma outra coisa, ele muda a...
Eu gostaria de ter todas as minhas imagens em CSS (a única maneira que sei é colocá-las como imagens de fundo). Mas o problema com essa solução é que você nunca pode permitir que o div tome o tamanho da imagem. Então minha pergunta é: qual a melhor maneira de ter o equivalente...
Eu preciso de algo assim: Como posso conseguir isso com css? Eu sei que uma maneira é usar imagem de fundo, mas posso conseguir isso apenas com css sem nenhuma
Recentemente me deparei * *com CSS . Referência do site - Link do site . Para um único *uso na folha de estilo CSS, Internet e Stack Overflow são inundados com exemplos, mas não tenho certeza sobre o uso de dois * *símbolos em CSS. Pesquisei no Google, mas não consegui encontrar nenhuma...
Eu preciso criar uma tabela html (ou algo parecido) com um cabeçalho fixo e uma primeira coluna fixa. Todas as soluções que vi até agora usam Javascript ou jQuerypara definir scrollTop / scrollLeft, mas não funciona bem em navegadores móveis, então estou procurando uma solução CSS...
Estou tentando fazer com que uma imagem se ajuste a um div de tamanho específico. Infelizmente, a imagem não está de acordo com isso e, em vez disso, está diminuindo proporcionalmente para um tamanho que não é grande o suficiente. Não tenho certeza de qual é a melhor maneira de fazer a imagem caber...