Perguntas com a marcação «html»

HTML (HyperText Markup Language) é a principal linguagem de marcação para criar páginas da web e outras informações a serem exibidas em um navegador da web. As perguntas relacionadas ao HTML devem incluir um exemplo mínimo reproduzível e uma idéia do que você está tentando alcançar. Essa tag raramente é usada sozinha e geralmente é combinada com [CSS] e [javascript].

17
Iframe em tela cheia com uma altura de 100%
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%" height="100%" /> Quero dizer, ele realmente terá a altura da página restante (já que há outro quadro no topo …
17
Como posso dimensionar o conteúdo de um iframe?
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 original.
237 html  css  dom 
8
Como definir a margem ou o preenchimento como porcentagem da altura do contêiner pai?
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 structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Executar snippet de códigoHide resultsExpandir snippet …
7
CSS: Como remover pseudoelementos (depois, antes,…)?
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á sendo usado na página …
7
Como posso fazer uma escala svg com seu contêiner pai?
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 entanto, quero adicionar estilos adicionais ao SVG através do …
236 css  html  svg  scaling 
4
O que é offsetHeight, clientHeight, scrollHeight?
Pensou em explicar qual é a diferença entre offsetHeight, clientHeighte scrollHeightou offsetWidth, clientWidthe scrollWidth? É preciso conhecer essa diferença antes de trabalhar no lado do cliente. Caso contrário, metade da vida será gasta na correção da interface do usuário. Fiddle , ou em linha abaixo: function whatis(propType) { var mainDiv …
21
Como ocultar o elemento usando o Twitter Bootstrap e mostrá-lo usando o jQuery?
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 / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Resultado: (com qualquer um destes). Gostaria que os elementos acima estivessem ocultos. …
12
Como posso substituir os estilos CSS do Bootstrap?
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 algum tempo de carregamento para esses estilos, mas é insignificante para …
9
alterar o cursor para o ponteiro do dedo
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 pointing hand)" Mas não está funcionando para …
234 html  css  mouseevent 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.