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
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, ...
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 ...
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&...
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 ...
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
*{...
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 -...
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 &...
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 ...
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%;
...
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 ...
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 ...
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++){...
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(){
...
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"...
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;
...
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;
...
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 + ...
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!...
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="...
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++) {
...
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'...
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 {
...
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 {
...
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"...
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 ...
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/
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
div × 307html × 164
css × 136
javascript × 93
jquery × 36
html5 × 31
php × 28
css3 × 14
layout-responsivo × 12
rolamento × 12
twitter-bootstrap × 10
imagem × 10
ajax × 8
input × 6
table × 6
front-end × 5
script × 5
css-hover × 5
classes × 4
formulário × 4
bootstrap-4 × 4
button × 4
display × 4
wordpress × 3
bootstrap × 3