Iframe height = 100% suportado em todos os navegadores? Estou usando doctype como: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> No meu código iframe, se eu disser: <iframe src="xyz.pdf" width="100%"...
A seguir, está o meu código e quero entender por que o #firstDiv está sendo empurrado para baixo por todos os navegadores. Eu realmente quero entender o funcionamento interno do fato de que está sendo empurrado para baixo ao invés de puxá-lo para cima de uma maneira ou de outra. (e eu sei como...
Como posso dimensionar o conteúdo de um iframe (no meu exemplo, é uma página HTML e não é um pop-up) em uma página do meu site? Por exemplo, quero exibir o conteúdo que aparece no iframe em 80% do tamanho
Gostaria de usar uma opção para o layout das tags de parágrafo em uma página da web. Eu uso o pseudoelemento after: p:after {content: url("../img/paragraph.gif");} Agora preciso remover esse código CSS da página. Como isso pode ser feito facilmente? Eu quero acrescentar que: jQuery já está...
Eu estava estourando meu cérebro sobre a criação de um alinhamento vertical em css usando o seguinte .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div...
Eu quero ter uma escala de conteúdo do elemento svg embutido quando o tamanho não for nativo. É claro que eu poderia tê-lo como um arquivo separado e escalá-lo assim. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> No...
Como obter informações adicionais sobre Stack Overflow no item : Item do Flexbox - Manual do Usuário Existe uma maneira de fazer uma quebra de linha no flexbox de várias linhas? Por exemplo, para quebrar após cada terceiro item neste CodePen . .container {
Qual das seguintes opções devo usar nas minhas folhas de estilo? /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); O que o W3C especifica como a maneira correta
É possível usar CSS / CSS3 para espelhar texto? Especificamente, tenho esta tesoura com o caractere “✂” ( ✂) que gostaria de exibir apontando para a esquerda e não para a
A cor padrão do link é azul. Como remover a cor do link padrão da marca de hiperlink html
Existe uma maneira de executar: sass --watch a.scss:a.css mas a.cssacabaram sendo minificados? Como evitaria ter que executar uma etapa de minificação separada ao compilar minha folha de
Digamos que eu crie um elemento HTML como este, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Como eu poderia mostrar e ocultar esse elemento HTML do jQuery /...
Eu quero ter um menu vertical com uma altura específica. Cada filho deve preencher a altura dos pais e ter um texto alinhado ao meio. O número de filhos é aleatório, então eu tenho que trabalhar com valores dinâmicos. Div .containercontém um número aleatório de filhos ( .item) que sempre...
Considere o seguinte exemplo: ( demonstração ao vivo ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Resultado: Por que o iframenão está alinhado centralmente como o div? Como eu...
Eu tenho isso ae não sei se preciso inserir o "onmouseover" para que o cursor mude para o ponteiro do dedo como um link comum: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Eu li em algum lugar que eu preciso colocar: onmouseover="cursor: hand (a...
Preciso modificar bootstrap.csspara caber no meu site. Eu sinto que é melhor criar um custom.cssarquivo separado em vez de modificá-lo bootstrap.cssdiretamente, uma razão é que, para bootstrap.cssobter uma atualização, sofrerei tentando incluir novamente todas as minhas modificações. Vou sacrificar...
Eu tenho um aplicativo MVC3 que possui uma página de detalhes. Como parte disso, tenho uma descrição (recuperada de um banco de dados) que possui espaços e novas linhas. Quando é renderizada, as novas linhas e espaços são ignorados pelo html. Gostaria de codificar esses espaços e novas linhas para...
Preciso simular um papel A4 na Web e permitir a impressão desta página, como é exibida no navegador (Chrome, especificamente). Defino o tamanho do elemento como 21cm x 29,7cm, mas quando envio para imprimir (ou visualizar impressão) ele recorta minha página. Veja este exemplo ao vivo ! body {...
Quero aplicar estilos apenas à tabela dentro do DIV com uma classe específica: Nota: Prefiro usar um seletor de css para elementos filhos. Por que o nº 1 funciona e o nº 2 não? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption...
Existe uma técnica CSS / JavaScript entre navegadores para exibir uma tabela HTML longa, de modo que os cabeçalhos das colunas permaneçam fixos na tela e não rolem com o corpo da tabela. Pense no efeito "congelar painéis" no Microsoft Excel. Desejo poder percorrer o conteúdo da tabela, mas poder...