Skip to main content

Respostas interessantes marcadas com a tag

10 votos

Como centralizar todo conteudo de uma div - Bootstrap

Tente usar flex: https://getbootstrap.com/docs/4.0/utilities/flex/ Adicione as classes abaixo: <div class="row d-flex justify-content-center"> Imagem da página na documentação do Bootstrap 4
AIRTON's user avatar
  • 101
8 votos
Aceito

Video rodar em uma div como background

Ambas outras respostas usaram fixed e z-index negativo com valores exagerados, pode até funcionar, mas é bem provável que irá lhe causar uma série de dores de cabeça para aplicar em um layout pronto, ...
Syzoth's user avatar
  • 100mil
8 votos

Para que servem e por que aninham a tag DIV?

Boa parte dessa resposta é baseada em boas práticas, UX, acessibilidade e minha própria opinião. O que é a <div> The div element has no special meaning at all. It represents its children. It ...
hugocsl's user avatar
  • 66,9mil
7 votos
Aceito

Como centralizar todo conteudo de uma div - Bootstrap

Tente isso <div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center"> <button class="btn btn-primary" align="center">Lorem Ipsum</button&...
Mandrake Venom's user avatar
6 votos

Como imprimir o conteúdo dentro de uma div HTML?

As soluções apresentadas acima não são tão flexíveis. Elas apresentam pelo menos um dos problemas listados: Não tem suporte pra imprimir conteúdo grande que dão mais de uma folha Removem todo o CSS ...
Rodrigo Vieira's user avatar
5 votos
Aceito

Como faço para passar a altura de uma div para outra?

Vc pode trocar o display:table por display:flex no elemento Pai. E depois basta remover o heigth:100% dos elementos filhos, pois agora eles serão filhos de um pai flex. Veja o código como fica *{...
hugocsl's user avatar
  • 66,9mil
4 votos
Aceito

Sombra interna do elemento pai sobre o filho

Bom. Você não passou nenhum código, então eu criei esse rápido exemplo. Vê se resolve a sua situação. div { width: 500px; height: 100px; overflow: scroll; box-shadow: inset -30px -...
Leon Freire's user avatar
  • 2.433
4 votos
Aceito

Fazer um DIV aparecer somente em um determinado horário

Basicamente isso: <?php $horaatual = time() % 86400; $horade = 18 * 60 * 60; $horaate = 24 * 60 * 60 - 1; // Tirei um pra ficar 23:59:59 if ($horaatual >= $horade and $horaatual &...
Largato's user avatar
  • 92,9mil
3 votos
Aceito

Como manter os divs alinhados um em cima do outro?

Como o amigo disse a cima os elementos são renderizados na ordem de escrita do código HTML. Eu usei o Flexbox pra soluciona o seu "problema". O Flexbox é uma forma criar layouts que não precisam ...
Gilmar Santos's user avatar
3 votos

Barra de rolagem apenas em uma div

Você pode usar a função calc para setar a altura da div menos a altura do cabeçalho e adicionando overflow: hidden; no html, body: html, body { margin:0; padding:0; height:100%; ...
Sam's user avatar
  • 80,8mil
3 votos
Aceito

Como manter o tamanho da div independente do tamanho do texto?

Elementos DIV não tem tamanho original, a não ser o tamanho que acompanha o conteúdo ou o tamanho que você definir via css com a propriedade height: Como eu poderia fazer com que a div mantenha o ...
Syzoth's user avatar
  • 100mil
3 votos

Alterar posicionamento da barra de rolagem em uma div

Vc pode usar flex-direction: row-reverse; para indicar que a ordem dos elementos vai começar de traz para frente, dessa forma o scroll vai para o final do container. Ai basta vc reordenar as div para ...
hugocsl's user avatar
  • 66,9mil
3 votos

Tamanho da Imagem Javascript

Aqui está um exemplo utilizando appendChild(), que nada mais é do que criar um "filho" para um "pai", onde cada elemento <img> é um filho e a div principal o pai: for(y = 0; y < 10; y++){...
Gabriel Gonçalves's user avatar
3 votos

Como recuperar a classe de uma div ao clicar nela?

Você pode utilizar o this.className, ou this.classList veja o exemplo abaixo. document.querySelectorAll(".btn").forEach(function(elem,idx){ elem.onclick = click }) function click(){ ...
Icaro Martins's user avatar
3 votos
Aceito

Ocultar uma div e mostrar outra

Você pode ocultar todos os elementos efetuando um loop pelo nome classe, após isso mostrar somente a div pelo id. function mostrar(id) { if (document.getElementById(id).style.display !== "none"...
Wellington Rocha's user avatar
3 votos
Aceito

Como centralizar os elementos dentro de uma div?

.ligado { background: yellow; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; //adicionado } .desligado { background: gray; width: 150px; ...
Guilherme Henriques's user avatar
2 votos
Aceito

Imagem não aparece 100%

Segue a explicação no código: .parte1 { min-height: 100%; max-height: 100%; padding-top: 50px; padding-bottom: 50px; text-align: center; color: #f8f8f8; ...
Lollipop's user avatar
  • 4.994
2 votos

Posso desativar uma div usando css?

Basta usar ao invés disso: #botao:hover #comentario { opacity: 1; } Isso: #botao a:hover + #comentario { opacity: 1; } Assim o hover vai estar no link e não na div, como um todo. Uso o seletor + ...
Samir Braga's user avatar
  • 10,1mil
2 votos

CSS DIV diagonal

Segue o que você quer! Fiz uma div com o angulo diagonal, e deixei a imagem dentro da div com as configurações contrárias! ou seja, a div fica diagonal e a foto fica normal! entende a lógica? Abraços!...
Paulo César Borges's user avatar
2 votos

Video rodar em uma div como background

Ola amigo é fácil com html 5 basta ter um poster do video jpg, o video em mp4 segue um exemplo html: <video autoplay loop poster="nome-do-video.jpg" class="bg_video"> <source src="...
Juliano da Silva Barbosa's user avatar
2 votos
Aceito

Como duplicar visualização de elementos HTML

Podes fazer assim: // procura as imagens todas var imagens = document.querySelectorAll('#A img'); var obj = {}; // percorre as imagens for (var i = 0, l = imagens.length; i < l; i++) { ...
Sergio's user avatar
  • 135mil
2 votos
Aceito

Como definir Height da DIV Filho, através da profundidade do Scroll da DIV Pai

Resolvido!!! - variável tam dentro de style.height // Vamos criar a segunda Div, no qual ficará sobreposta a primeira Div var sobrepor = document.createElement('div'); sobrepor.setAttribute('id'...
Diego Henrique's user avatar
2 votos

Há como fazer uma div filho, flutuar ao rolar o scroll da div pai?

Como o amigo @Cʜᴜɴ comentou, apenas alterando de position:absolute; para position:fixed; a div central(vermelha) se mantem fixa, e alterei a posição(top,left) p/ manter ela no centro. #Pai { ...
Mathiasfc's user avatar
  • 5.905
2 votos

Alinhar altura 3 divs em uma linha - bootstrap

Eu diria que o caminho mais simples e que para o seu caso aonde o conteúdo não é dinâmico seria fixar uma altura minima com min-height, assim: .precos .col-md-4 { padding: 15px; } .item { ...
Syzoth's user avatar
  • 100mil
2 votos
Aceito

Alinhar altura 3 divs em uma linha - bootstrap

Uma solução (embora não esteja na lista de tags da pergunta) seria uma função jQuery: <script> $(window).on("load resize", function(){ div_inner = $(".wprt-image-box.has-shadow .item .inner"...
Sam's user avatar
  • 80,8mil
2 votos

ajuda aqui div e funçoes html

A forma mais direta para fazer isso é atribuir uma classe com o mesmo estilo que tem no hover, e aplica-la quando clica no botão. Para fazer com que a mesma volte para trás após os dois segundos ...
Isac's user avatar
  • 25,5mil
2 votos
Aceito

Como criar um efeito mouse-over em uma imagem e posiciona-lo onde quero?

Criei uma div pai para o conteúdo e deixei o texto como position absolute e com bottom 0. https://jsfiddle.net/6k2Lhaje/191/
Diego Vieira's user avatar
  • 1.813

Only top scored, non community-wiki answers of a minimum length are eligible