Imprimir este capítuloImprimir este capítulo

Repositório Códigos HTML

7. Coluna fixa de conteúdo com imagem à esquerda

Legenda:

Textos

Veja a seguir o código HTML comentado.

Código

<div class="row-fluid">
<div class="span4" style="padding: 1%; background-color: #efefef;">
<p><img src="#" width="100%" height="720" /></p>
<p style="text-align: center;"><small>Legenda: xx </small></p>
</div>
<div class="span8">
<p>Textos</p>
</div>
</div>

Comentário

O trecho em salmão é o texto da coluna. Aqui basta substituir pelo texto relativo ao seu conteúdo, cuidando para não apagar nenhuma demarcação HTML. 

O trecho em azul é o link para a imagem da primeira coluna. Você pode usar a caixa de edição de texto para inserir a imagem diretamente.