Perguntas com a marcação «html»

Estou permitindo que o usuário carregue imagens em uma página via arrastar e soltar e outros métodos. Quando uma imagem é descartada, estou usando URL.createObjectURLpara converter em um URL de objeto para exibir a imagem. Não estou revogando o URL, pois o reutilizo. Portanto, quando chega a hora de criar …

127 javascript  html  fileapi  blobs 

Gostaria de saber se existe uma maneira de contar linhas dentro de uma div, por exemplo. Digamos que temos uma div assim: <div id="content">hello how are you?</div> Dependendo de muitos fatores, a div pode ter uma, duas ou até quatro linhas de texto. Existe alguma maneira de o script saber? …

127 javascript  html  dom 

Eu tenho uma div de cabeçalho como o primeiro elemento em minha div de wrapper, mas quando adiciono uma margem superior a uma h1 dentro da div de cabeçalho, ela empurra toda a div de cabeçalho para baixo. Percebo que isso acontece sempre que aplico uma margem superior ao primeiro …

126 html  css  xhtml 

Eu tenho o elemento select, eu quero remover a seta, então eu posso adicionar outro ícone. Eu posso fazer isso no Firefox Safari e Chrome, mas isso não funcionou no IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; …

126 html  css  html-select 

Eu tenho duas imagens que precisam ser mantidas em linha; Quero escrever uma legenda sob cada imagem. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Como posso implementar?

126 css  html 

Existe uma maneira para um desenvolvedor web para desligar a verificação ortográfica Chrome / Safari / WebKit em particular, inputou textareaelementos? Quero dizer, por atributo de tag especial ou por uma instrução CSS proprietária. Há uma instrução CSS para desativar o contorno de inputs, então pensei que isso também poderia …

126 html  css  google-chrome  spell-checking 

Tenho na minha página um botão que, quando clicado, exibe um div(estilo pop-up) no meio da minha tela. Estou usando o seguinte CSS para centralizar divno meio da tela: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: …

126 html  css  scroll  position  centering 

NOTA : Isso tem a ver com a forma como os elementos da tela existentes são renderizados quando redimensionados , não com a maneira como as linhas ou os gráficos são renderizados em uma superfície da tela . Em outras palavras, isso tem tudo a ver com interpolação de elementos …

126 javascript  html  canvas 

Estou tentando obter uma div que tenha o position:fixedcentro alinhado na minha página. Eu sempre fui capaz de fazê-lo com divs absolutamente posicionados usando esse "hack" left: 50%; width: 400px; margin-left:-200px ... onde o valor da margem esquerda é metade da largura da div. Isso não parece funcionar para divs …

126 html  center  alignment  css-position 

O que estou tentando fazer é alterar a cor da dica de ferramenta para vermelho. No entanto, também quero ter várias outras cores, para não substituir a cor da dica de ferramenta original. Como eu faria isso?

126 html  css  twitter-bootstrap 

Com o HTML, como limite o tipo de arquivo que pode ser carregado? Para facilitar a experiência do usuário, desejo limitar o upload de arquivos a serem apenas imagens (jpeg, gif, png). <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

126 html  image  upload  file-upload 

Estou tentando fazer com que minha regra horizontal ignore o preenchimento pai. Aqui está um exemplo simples do que eu tenho: #parent { padding:10px; width:100px; } hr { width:100px; } Você descobrirá que a regra horizontal se estende para fora do pai em 10px. Estou tentando fazer com que ele …

126 html  css 

Quero obter o conteúdo do site abaixo. Se eu usar um navegador como o Firefox ou o Chrome, poderia obter a página do site real desejada, mas se eu usar o pacote de solicitações (ou wgetcomando) do Python para obtê-lo, ele retornará uma página HTML totalmente diferente. Eu pensei que …

126 python  html  web-scraping  python-requests  wget 

É possível fazer um envoltório de grade CSS sem usar consultas de mídia? No meu caso, tenho um número não determinístico de itens que desejo colocados em uma grade e quero que essa grade seja quebrada. Usando o Flexbox, não consigo espaçar bem as coisas de maneira confiável. Eu gostaria …

126 html  css  css-grid 

Estou tentando fazer com que uma imagem (colocada dinamicamente, sem restrições de dimensões) seja tão larga quanto sua div principal, mas apenas enquanto essa largura não for maior que sua própria largura em 100%. Eu tentei isso, sem sucesso: img { width: 100%; height: auto; max-width: 100%; } Muitas dessas …

125 html  width  css