13
votos
Scroll em div caso seja necessário
Tem como usar o css para mostrar as barras de rolagem.
#divContent{
overflow:auto;
}
Com isso sua div deve ter scroll sempre que precisar.
Existem varias opções para diversos casos.
Veja a ...
- 2.221
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
- 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, ...
- 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 ...
- 66,5mil
7
votos
Diferença entre span img e div img
Depende do seu objetivo. Isso é utilizado para herdar as propriedades do elemento superior.
Usando <span> é como se você quisesse aplicar style="display: inline".
Usando <div> é como se ...
- 1.260
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&...
- 188
6
votos
Aceito
Diferença entre span img e div img
Apesar de ambos poderem fazer praticamente as mesmas coisas há uma diferença semântica.
Como o nome indica <div> deve ser usado para determinar divisões, blocos de informações diversas, para ...
- 470mil
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 ...
- 1.848
6
votos
Comparar atributo id com class e dar .show em outra div
Podes fazer assim:
i$("#mapa path").click(function(){
alert('Voce clicou no estado do '+$(this).attr('data-name'));
i$('[data-name="' + this.id + '"]').show();
});
Dessa ...
- 135mil
6
votos
Aceito
Mostrar DIV de acordo com a condição em PHP
Opção 1:
<div style="<?php echo get('data_do_descredenciamento') != '' ? 'show' : 'none'; ?>">
</div>
Opção 2:
<div style="<?php if (get('data_do_descredenciamento') == '') {...
- 1.241
5
votos
Aceito
Comparar atributo id com class e dar .show em outra div
Como o Sergio já mencionou em seu resposta você não pode ter ids repetidos, então você deve alterar uma das duas abordagem para class ou data- (data attributes).
Criei um solução empregando id no svg ...
- 9.949
5
votos
CSS DIV diagonal
Outra forma, além das já apresentadas e explicadas, também utilizando a propriedade skew mas aplicando a transformação somente em dois elementos (um antes e outro depois da imagem), ao invés de ...
- 19,2mil
5
votos
Como imprimir o conteúdo dentro de uma div HTML?
Resumindo:
<script>
function cont(){
var conteudo = document.getElementById('print').innerHTML;
tela_impressao = window.open('about:blank');
tela_impressao.document.write(conteudo);
...
- 51
5
votos
Aceito
Como usar dois ficheiros css num html
É só acrescentar ambos no <head> do seu HTML:
...
<head>
...
<link rel="stylesheet" href="/css/css1.css" type="text/css" media="screen">
<link rel="stylesheet" href="/...
- 65,9mil
5
votos
Dúvida com height em um DIV
Bom, se não precisar dar suporte para navegadores muito antigos tu pode usar o flexbox do CSS3, se encaixa como uma luva no seu caso.
Veja o exemplo
body {
color: #fff;
display: flex;
...
- 1.921
5
votos
Aceito
qual o melhor forma de montar este layout?
Primeiro, você não precisar de divs/tds para emular um padding, você pode e deve usar um padding/margin.
você consegue alcançar o mesmo resultado usando o seguinte HTML.
html, body {
position:...
- 23,1mil
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
*{...
- 66,5mil
4
votos
Centralizar imagem verticalmente dentro de uma div
A forma mais simples que conheço e tenho certeza que não falha é essa
#container {
position: relative;
width: 200px;
height: 200px;
}
#container img {
position: absolute;
left: 0;
right: ...
- 4.573
4
votos
Como Criar condicional em uma DIV p/ mudar conteúdo
olha, você pode fazer isto usando um recurso do Zurb Foundation, no caso o Interchange, como o Zurb é todo modular, você pode baixar apenas ele.
Para baixar o mesmo, basta ir no seguinte link e deixa ...
- 23,1mil
4
votos
Aceito
Trocar div de lugar com jquery
$('#Trocar').click(function() {
$('#mae div:first-child').remove().insertAfter($("#mae div:last"));
});
Exemplo completo:
<html>
<head>
<script src="https://ajax.googleapis.com/...
- 19,9mil
4
votos
Aceito
Como fazer a posição de uma div que se movimenta ser salva aoutomaticamente?
Se entendi sua pergunta, você tem uma div que se desloca sobre a página e você quer que sempre a ultima posição ocupada por ela fique salva ao carregar a pagina novamente, correto ? Bom, se for isto ...
- 3.706
4
votos
Aceito
Mostra e esconde conteudo em forma de lista. com Javascript
Veja se lhe serve. Usa o mesmo princípio dos botões:
Imagino que esse exemplo possa lhe satisfazer
Eu mesclei os dois exemplos anteriores:
var buttons = $('ul li');
var videos = $('#...
- 10,1mil
4
votos
Mostra e esconde conteudo em forma de lista. com Javascript
<html>
<head>
<title>Teste</title>
script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function ...
- 228
4
votos
Mostra e esconde conteudo em forma de lista. com Javascript
Se bem que entendi, o que queres fazer é adicionar o vídeo logo abaixo de cada título quando clicado.
Eu criei este script, no qual ele cria o elemento que contém o video e o mostra logo abaixo do ...
- 7.496
4
votos
Script abrir somente após tempo determinado
Bem olhei aqui está tudo correto, funciona corretamente seu código testei no Chorme mais novo e no IE 11, talvez o resto dos códigos de sua página esteja interferindo. Porém eu tenho ressalvas para ...
- 870
4
votos
Aceito
Animação na mudança do display em HTML
Acho que isso pode te ajudar um pouco:
function obj(x) {
return document.getElementById(x);
}
function ApertarBotao() {
obj("form-pergunta").style.display = "...
- 2.935
4
votos
Aceito
Como colocar Scroll em table dentro do div com width 100%?
Antes de mais nada, um aviso: Não resolvi mexendo só no ponto que você pediu, reestruturei o HTML como solução para o problema como um todo.
Basicamente, removi a tabela de fora, afinal, é um layout ...
- 93,8mil
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 -...
- 2.445
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
div × 312html × 166
css × 135
javascript × 96
jquery × 37
html5 × 31
php × 29
css3 × 14
rolamento × 12
twitter-bootstrap × 10
imagem × 10
posicionamento × 9
ajax × 8
alinhamento × 8
input × 6
table × 6
layout-responsivo × 6
responsivo × 6
front-end × 5
script × 5
css-hover × 5
formulário × 4
classes × 4
bootstrap-4 × 4
button × 4