Eu tenho um flexbox esquerdo-direito: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div
Eu tenho um flexbox esquerdo-direito: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div
Digamos que eu queira uma maneira de exibir apenas o centro de 50x50px de uma imagem com 250x250px em HTML. Como eu posso fazer isso. Além disso, existe uma maneira de fazer isso para referências css: url ()? Estou ciente do clipe em CSS, mas isso parece funcionar apenas quando usado com...
Aqui estão algumas perguntas interessantes sobre CSS para você! Eu tenho uma área de texto com um plano de fundo transparente sobrepondo algum texto que eu gostaria de usar como uma espécie de marca d'água. O texto é grande e ocupa a maior parte da área de texto. Parece bom, o problema é que,...
Existe algum motivo para usar um em <div style="display:inline-block">vez de um <span>para fazer o layout de uma página da web? Posso colocar o conteúdo aninhado dentro do intervalo? O que é válido e o que não é? Tudo bem usar isso para criar uma tabela 3x2 como layout? <div>...
Eu tenho uma situação em que, em circunstâncias normais de CSS, uma div fixa seria posicionada exatamente onde é especificada ( top:0px, left:0px). Isso não parece ser respeitado se eu tiver um pai que tenha uma conversão translate3d. Não estou vendo alguma coisa? Eu tentei outras opções de...
Quero criar páginas comuns de cabeçalho e rodapé incluídas em várias páginas html. Eu gostaria de usar javascript. Existe uma maneira de fazer isso usando apenas html e JavaScript? Quero carregar uma página de cabeçalho e rodapé em outra página
Eu estou tentando usar variáveis CSS na consulta de mídia e ele não funciona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint))
Posso definir um nome de classe no parágrafo usando o Markdown? Se sim,
Eu tenho 2 formulários básicos - entre e inscreva-se, ambos na mesma página. Agora, não tenho problemas com o preenchimento automático do formulário de login,mas o formulário de inscrição também é preenchido automaticamente, e eu não gosto disso. Além disso, os estilos de formulário têm um fundo...
Quero adicionar um estilo ao rótulo selecionado de um botão de opção: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio"...
Ao anexar divs a a divcom uma altura fixa, os divs filhos aparecerão de cima para baixo, colando na borda superior. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Agora estou tentando exibi-los de baixo para cima assim (colando na borda...
Por que não temos box-sizing: margin-box;? Normalmente, quando colocamos box-sizing: border-box;em nossas folhas de estilo, realmente queremos dizer o primeiro. Exemplo: Digamos que eu tenha um layout de página de 2 colunas. Ambas as colunas têm uma largura de 50%, mas parecem feias porque não...
Estou tentando entender o que parece ser um comportamento inesperado para mim: Eu tenho um elemento com uma altura máxima de 100% dentro de um contêiner que também usa uma altura máxima, mas, inesperadamente, o filho excede o pai: Caso de teste: http://jsfiddle.net/bq4Wu/16/ .container {...
Suponha que eu tenha a seguinte regra CSS na minha página: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } Como posso detectar qual das fontes definidas foi usada no navegador do usuário? Edite para as pessoas que se perguntam por que quero fazer isso: A fonte que estou...
Eu estive pesquisando um modelo de clichê HTML 5 (em http://html5boilerplate.com/ ) e notei o uso de "?v=1"URLs ao me referir a arquivos CSS e Javascript. O que acrescenta "?v=1"aos URLs CSS e Javascript nas tags de link e script? Nem todos os URLs Javascript possuem o "?v=1"(exemplo da amostra...
Aqui está o que estou tentando realizar em HTML / CSS: Tenho imagens em diferentes alturas e larguras, mas todas elas têm menos de 180x235. Então, o que eu quero fazer é criar um divcom bordere vertical-align: middletodos eles. Eu fiz isso com sucesso, mas agora estou preso em como vincular...
Existem muitos artigos e perguntas sobre fontes de tamanho percentual ou outro tamanho . No entanto, não consigo descobrir o que a referência do valor percentual deveria ser. Entendo que este é 'o mesmo tamanho em todos os navegadores'. Eu também li isso, por exemplo: Porcentagem (%): a unidade...
Desejo aplicar algumas CSS para elementos de entradas e quero fazer isso apenas para entradas que não estão desabilitadas e não são do tipo de envio, abaixo de css não está funcionando, talvez se alguém puder me explicar como isso deve ser
Eu tenho um modelo e ele tem uma referência a uma fonte do Google como esta: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> Como posso baixá-lo e configurá-lo para uso em minhas páginas que ficam off-line o...
Eu tentei este método ( o violino ) para ativar o menu rolável com o Bootstrap, mas com essa abordagem, o menu rolável expande seu contêiner - violino - o menu não rolável, corretamente, não faz isso. Como posso consertar isso? Também são apreciadas sugestões de outras abordagens compatíveis com o...