Criar tabela invisível com 3 colunas no blog do Blogger

JOSEG · 17/09/2011

Gostaria de saber os códigos que devo usar em html para poder criar uma espécie de tabela invisível com 3 colunas para um post que quero fazer no meu blog do Blogger, adicionar uma imagem em cada coluna e abaixo da imagem inserir um texto, e quando clicar na imagem ou texto te envie para um endereço URL.

Aqui deixo um exemplo do que quero:

pedro salinas · 17/09/2011

se não conseguir resposta consulte no vagabundia é muito certo que nesse site possam te orientar.

Vagabundia é muito amável sempre te ajuda, se não vê resposta aqui simplesmente é porque não sabem, se eu soubesse te diria

XYZ · 17/09/2011

Olá JOSEG, pelo que vejo na imagem você quer que as postagens sejam exibidas em três colunas?
Te deixo um link para poder colocar as postagens no estilo de revista [link]
Abraços espero que isso era o que você buscava 😛roud:

Beck · 17/09/2011

SE não estou enganado seria algo assim
a tabela:

HTML:

<table>
<tr>
<td>
<img ...>
<div>Texto</div>
</td>
<td>
<img ...>
<div>Texto</div>
</td>
</tr>
<tr>
<td>
<img ...>
<div>Texto</div>
</td>
<td>
<img ...>
<div>Texto</div>
</td>
</tr>
<tr>
<td>
<img ...>
<div>Texto</div>
</td>
<td>
<img ...>
<div>Texto</div>
</td>
</tr>
</table>

o restante é css

frN13 · 17/09/2011

com tabelas você pode fazer facilmente, pode colocar border="0" para que não apareça e pronto.

JOSEG · 17/09/2011

veja, não sei se é que faço errado ou é outra coisa.

não quero que meus posts fiquem assim, mas sim que 1 POST que quero criar tenha dentro 3 colunas como deixei na primeira mensagem...

e o outro que você me diz de criar uma tabela o problema é que cria uma imagem abaixo da outra, e nunca ficam uma ao lado da outra...

kiras70 · 17/09/2011

HTML:

<div style="text-align:center;margin:0 auto;width:100%;">
<div style="width: 30%; float: left;margin:0px 15px 0px 15px;text-align:justify;">contenido 1</div><div style="width: 30%; float: left;margin:0px 15px 0px 0px;text-align:justify;">contenido 2</div><div style="width: 30%; float: left;margin:0px 0px 0px 0px;text-align:justify;">Contenido 3</div>
<div style="clear: both;"/>
</div>

Kilogramo · 17/09/2011

O correto é fazer uma lista, dar uma largura e flutuar à esquerda.

Inserir CODE, HTML ou PHP:

<ul>
   <li>...
   <li>...
   <li>...
</ul>

li  {width: 200px; float: left}

sagaro · 18/09/2011

efetivo mas simples

xxxxxxxxxx

JOSEG · 18/09/2011

muito obrigado @sagaro isso é o que eu precisava, mas ainda tenho um problema adicione a esse código outro código por aí onde possa colocar texto abaixo de cada imagem, para que o texto fique abaixo da sua respectiva imagem e poder clicar na imagem e no texto e que te enviem para um endereço URL

concurosrolex · 20/09/2011

penso o mesmo

Criar tabela invisível com 3 colunas no blog do Blogger

JOSEG

pedro salinas

XYZ

Beck

frN13

JOSEG

kiras70

Kilogramo

sagaro

JOSEG

concurosrolex

Tópicos similares