Como dividir postagens e a barra lateral (sidebar) em colunas
 |
| Imagem de Day_Photo por Pixabay |
Nível: Iniciante
Atualizado: 10/07/2022
Copie e cole o código abaixo onde você quiser. Você pode colar em uma postagem ou em um elemento de página do tipo HTML/Java. É realmente muito simples, fácil e prático.
Código para dividir em duas colunas
Código para dividir em três colunas
Veja como o código funciona na prática:
<div style="float: left; WIDTH: 45%">Aqui o Texto da Coluna da Esquerda</div>
<div style="float: right; WIDTH: 45%">Aqui o Texto da Coluna da Direita</div>
<divstyle="clear: both"></div>Código para dividir em três colunas
<div style="float: left; WIDTH: 30%">Aqui o Texto da Coluna da Esquerda</div> <div style="float: center; WIDTH: 30%"> Aqui o Texto da Coluna Central</div> <div style="float: right; WIDTH: 30%">Aqui o Texto da Coluna da Direita</div> <divstyle="clear:both"></div>Substitua o texto em laranja pelo seu texto, outros códigos, imagens, objetos, elementos de página.
Veja como o código funciona na prática:
Esta dica é sucesso de bilheteria e adianta a vida de muita gente. Você pode usar estes códigos acima para dividir postagens e/ou a barra lateral
em duas ou três colunas, organizar imagens e objetos dentro do template e o que a sua imaginação e a sua criatividade permitirem.
Postagens
Estou com dificuldades, usei o código para dividir 3 telas de streaming, uma do lado da outra. acontece que a do centro cola com a da esquerda, não fica no centro, e a da direita vai pra baixo (continua a direita, mas embaixo, mesmo tendo um espaço enorme pra ela do lado das outras). tentei até reduzir para 25%, mas não adianta, continua a mesma coisa. o que faço? vladiaqueiroz.gmail.com
ResponderExcluirVárias são as razões para isso ter acontecido!
ResponderExcluir1º Você pode ter cometido algum erro de digitação.
2º O tamanho das telas de stream podem ser maiores do que o espaço na página onde você está tentado colocar elas.
3º O código das telas de stream pode não permitir a colocação deles um ao lado do outro.
Sugestões
1º Tentativa e erro: Tente várias vezes até você descobrir porque você não está conseguindo colocar as telas de stream uma do lado da outra. Faça e refaça várias vezes até conseguir.
2º Verifique se o local onde você está tentando colocar as telas de stream cabe as três telas juntas uma do lado da outra. Caso não caiba, você terá que alterar o tamanho do local ou o tamanho das telas de stream dentro do seu código. Você terá que alterar o seu código e não o meu.
3º Verifique se não há erros de digitação no seu código. Verifique se não está faltando alguma coisa no seu código.
4º Alguns códigos de terceiros feitos por wemasters experientes podem não permitir a colocação de determinados códigos um ao lado do outro. Neste caso, não tem jeito.