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].

8
Como centralizo as guias de bootstrap do Twitter na página?
Estou usando o bootstrap do Twitter para criar guias alternáveis. Aqui está o css que estou usando: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Este html exibe as abas corretamente, mas puxadas para a esquerda (que é o …
6
Selecionando uma classe css com xpath
Quero selecionar apenas uma classe própria chamada .date Por algum motivo, não consigo fazer isso funcionar. Se alguém souber o que há de errado com meu código, ficaria muito grato. @$doc = new DOMDocument(); @$doc->loadHTML($html); $xml = simplexml_import_dom($doc); // just to make xpath more simple $images = $xml->xpath('//[@class="date"]'); foreach ($images …
87 php  html  xml  xpath  web 
14
Os IFrames (HTML) são obsoletos? [fechadas]
Como está atualmente, esta pergunta não se encaixa em nosso formato de perguntas e respostas. Esperamos que as respostas sejam apoiadas por fatos, referências ou experiência, mas esta pergunta provavelmente irá solicitar debate, argumentos, pesquisas ou discussão extensa. Se você acha que esta questão pode ser melhorada e possivelmente reaberta, …
87 html  iframe  obsolete 
9
Dois elementos de bloco em linha, cada um com 50% de largura, não cabem lado a lado em uma única linha
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ O código acima está tentando colocar a div …
87 html  css 
10
Como alinho spans ou divs horizontalmente?
Meu único problema é fazer com que eles se alinhem com três lados e tenham espaçamento igual. Aparentemente, spans não podem ter largura e divs (e spans com display: block) não aparecem horizontalmente um ao lado do outro. Sugestões? <div style='width:30%; text-align:center; float:left; clear:both;'> É o que tenho agora.
87 css  html 
4
Alterne o botão de rádio HTML clicando em seu rótulo
Existe uma maneira simples de alternar um botão de rádio - quando um texto próximo a ele é clicado - sem introduzir qualquer grande estrutura Javascript em meu pequeno projeto PHP? O formulário da web tem a seguinte aparência: <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br …
13
Criando um efeito de zoom em uma imagem em foco usando CSS?
No momento, estou tentando criar um efeito de zoom ao passar o mouse sobre uma das minhas quatro imagens. O problema é que a maioria dos exemplos geralmente usa tabelas ou divs de máscara para aplicar algum tipo de efeito. Aqui está um exemplo que implementa o que eu gostaria …
87 html  class  css 
4
Traga o elemento para a frente usando CSS
Não consigo descobrir como trazer as imagens para a frente usando CSS. Já tentei definir o índice z como 1000 e a posição como relativa, mas ainda falhou. Aqui está um exemplo #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { …
87 html  css  z-index  jsfiddle 
12
Como definir a largura e altura de uma imagem sem esticá-la?
Se eu tiver: #logo { width: 400px; height: 200px; } então <img id="logo" src="logo.jpg"/> vai se esticar para preencher esse espaço. Quero que a imagem permaneça do mesmo tamanho, mas ocupe muito espaço no DOM. Tenho que adicionar um encapsulamento <div>ou <span>? Eu odeio adicionar marcação para estilo.
87 html  css 
6
Permitir cabeçalho Access-Control-Allow-Origin usando HTML5 fetch API
Estou usando a API de busca HTML5. var request = new Request('https://davidwalsh.name/demo/arsenal.json'); fetch(request).then(function(response) { // Convert to JSON return response.json(); }).then(function(j) { // Yay, `j` is a JavaScript object console.log(JSON.stringify(j)); }).catch(function(error) { console.log('Request failed', error) }); Consigo usar o json normal, mas não consigo buscar os dados do URL da …
87 html  api  url  fetch-api 
3
é autofocus = “autofocus” ou autofocus?
Parece que me lembro da maioria (talvez todos) dos atributos em versões anteriores do HTML (antes do HTML5) que exigiam que os atributos tivessem valores, como readonly="readonly". Isso é verdade para HTML5 e o autofocusatributo?
87 html  autofocus 
7
Qual é a diferença entre os diferentes métodos de colocar o código JavaScript em um <a>?
Eu vi os seguintes métodos de colocar o código JavaScript em uma &lt;a&gt;tag: function DoSomething() { ... return false; } &lt;a href="javascript:;" onClick="return DoSomething();"&gt;link&lt;/a&gt; &lt;a href="javascript:DoSomething();"&gt;link&lt;/a&gt; &lt;a href="javascript:void(0);" onClick="return DoSomething();"&gt;link&lt;/a&gt; &lt;a href="#" onClick="return DoSomething();"&gt;link&lt;/a&gt; Eu entendo a ideia de tentar colocar um URL válido em vez de apenas código JavaScript, …
87 javascript  html  href 
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.