13 de agosto de 2012

Dúvida: Como escrever um texto ao lado da imagem?

Uma dúvida que apareceu no nosso último encontro e que fiquei devendo uma resposta foi "Como escrever um texto ao lado da imagem?". Devemos dividir nosso texto em duas colulas diferentes como no exemplo abaixo:

Coluna Esquerda

Coluna Direita

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto textotexto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto 




Isso é feito usando  o código HTML do editor de texto do blogger. Clique na aba “Editar HTML” e encontre a texto que quer dividir. Escolha as duas partes que serão usadas e coloque-as onde está indicado no código:

<div style="float: left; WIDTH: 45%"> Coluna Esquerda</div> 
<div style="float: right; WIDTH: 45%"> Coluna Direita</div> 
<div style="clear: both"></div>


10 comentários:

  1. Respostas
    1. Voc coloca o codigo div style="float: left; WIDTH: 45%"> antes do codigo do seu texto ou imagem e depois fecha com /div

      Ex: div style="float: left; WIDTH: 45%"> /div

      Mesma coisa com a coluna direita, só muda no primeiro codigo de LEFT para RIGHT

      Espero que tenha entendido ;) (Antes ou depois dos div's sempre se coloca a > ou < mas o sistema d comentarios do blogger n aceita entao exclui kk mas acho q deu pra entender assim)

      http://ninguemseguraessablogueira.blogspot.com.br/

      Excluir
  2. Me ajudou bastante, mas achei que deveria ter sido melhor explicado, cmo o Rudi, que ficou cm duvidas...

    ResponderExcluir