Repositório Códigos HTML

6. Coluna fixa de conteúdo com imagem à direita

Textos

Legenda:

Veja a seguir o código HTML comentado.

Código

<div class="row-fluid">
<div class="span8">
<p>Textos</p>
</div>
<div class="span4" style="padding: 1%; background-color: #efefef;">
<p><img src="#="100%" height="720" /></p>
<p style="text-align: center;"><small>Legenda: xx</small></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 segunda coluna. Você pode usar a caixa de edição de texto para inserir a imagem diretamente.

 

<