Perguntas com a marcação «css»

Estou tentando preencher o espaço vertical de um item flexível dentro de um Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } …

459 css  flexbox 

Eu tenho duas divs dentro de outra div e quero posicionar uma div filho no canto superior direito da div pai e a outra div filho na parte inferior da div pai usando css. Ou seja, eu quero usar o posicionamento absoluto com os dois divs filhos, mas posicione-os em …

457 html  css 

Suponha que você tenha algum estilo e a marcação: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> …

455 html  css  overflow 

Estou olhando a página MDC para a regra CSS @ font-face , mas não entendo nada. Tenho arquivos separados para negrito , itálico e negrito + itálico . Como posso incorporar todos os três arquivos em uma @font-faceregra? Por exemplo, se eu tiver: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") …

454 fonts  css  font-face 

Estou planejando usar o Google para baixar a lib do jQuery para a interface do usuário e o Core. Minha pergunta é: eles me permitem fazer o download do CSS ou devo ter que hospedá-lo eu mesmo? Além disso, se eu usar o Google para carregar, como devo carregar outros …

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

Eu tenho a estrutura da página como: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Agora, o child-leftDIV terá mais conteúdo, portanto a parentaltura do DIV aumenta conforme o DIV filho. Mas o problema é que a child-rightaltura não está aumentando. Como posso fazer sua altura igual …

451 html  css  layout 

Preciso criar uma sombra de caixa em algum blockelemento, mas apenas (por exemplo) no lado direito. O modo como faço é envolver o elemento interno box-shadowem um externo padding-righte, overflow:hidden;assim, os três outros lados da sombra não são visíveis. Existe alguma maneira melhor de conseguir isso? Gosta box-shadow-right? Edição : …

445 css  shadow  box-shadow 

Estive procurando por uma solução do tipo "caixa de luz" que permita isso, mas ainda não a encontrei (sugira se souber de alguma). O comportamento que estou tentando recriar é igual ao que você veria no Pinterest ao clicar em uma imagem. A sobreposição é rolável ( como em toda …

445 css  overlay  lightbox 

Como imprimo a div indicada (sem desativar manualmente todo o outro conteúdo da página)? Quero evitar uma nova caixa de diálogo de visualização, portanto, criar uma nova janela com esse conteúdo não é útil. A página contém algumas tabelas, uma delas contém a div que eu quero imprimir - a …

444 javascript  css  printing  dhtml 

Existe uma maneira de posicionar uma imagem de plano de fundo em um determinado número de pixels à direita de seu elemento? Por exemplo, para posicionar algo com um certo número de pixels (digamos, 10) da esquerda , é assim que eu faria: #myElement { background-position: 10px 0; }

443 css 

As transições CSS podem ser usadas para permitir que um parágrafo de texto desapareça no carregamento da página? Eu realmente gosto da aparência em http://dotmailapp.com/ e adoraria usar um efeito semelhante usando CSS. O domínio já foi adquirido e não tem mais o efeito mencionado. Uma cópia arquivada pode ser …

442 css  css-transitions  opacity 

Eu tenho dois divs lado a lado. Eu gostaria que a altura deles fosse a mesma e permanecesse a mesma se um deles fosse redimensionado. Mas não consigo descobrir isso. Ideias? Para esclarecer minha pergunta confusa, eu gostaria que as duas caixas tivessem sempre o mesmo tamanho; portanto, se uma …

441 html  css  html-table  flexbox 

Estou trabalhando em um site que exige testes de fontes on-line, as fontes que tenho são todas .otf Existe uma maneira de incorporar as fontes e fazê-las funcionar em todos os navegadores? Caso contrário, que outras alternativas eu tenho?

440 html  css  fonts  font-face 

Eu tenho um link na minha página da Web para imprimir a página. No entanto, o link também é visível na própria impressão. Existe um código javascript ou HTML que oculte o botão de link quando eu clicar no link de impressão? Exemplo: "Good Evening" Print (click Here To Print) …

440 css  printing 

Estou criando um site de bootstrap, com alguns 'Modais' de bootstrap. Estou tentando personalizar alguns dos recursos padrão. O problema é esse; Você pode fechar o modal clicando no fundo. Existe alguma maneira de desativar esse recurso? Apenas em modais específicos? Página modal de inicialização

440 javascript  css  twitter-bootstrap  modal-dialog