miércoles, 6 de enero de 2010

Imágenes alineadas horizontalmente en Blogger

 Si deseamos alinear horizontalmente un grupo de imágenes en Blogger (se alinean verticalmente de manera predeterminada), lo que podemos hacer para que queden un poco presentables es incluirlas en una sencilla tabla.

 Los elementos a utilizar en la elaboración del código de la tabla son los siguientes: table (tabla), tbody (cuerpo de tabla), tr (fila de una tabla) y td (celda de datos de una tabla). El código básico a utilizar podría ser el siguiente (con el código específico de este ejemplo resaltado en blanco):
<div style="margin: auto; text-align: center;"><table align="center" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td><a href="http://www.shareapic.net/View-7835218-Castillos-de-España.html" onclick="this.target='_blank'" rel="nofollow"><img alt="Castillo de Coca" src="http://preview.shareapic.net/preview3/007835218.jpg" title="Castillo gótico-mudéjar de Coca" /></a></td><td><a href="http://www.shareapic.net/View-7753842-Castillos-de-España.html" onclick="this.target='_blank'" rel="nofollow"><img alt="Castillo de Coca" src="http://preview.shareapic.net/preview3/007753842.jpg" title="Entrada del Castillo de Coca" /></a></td><td><a href="http://www.shareapic.net/View-7757807-Castillos-de-España.html" onclick="this.target='_blank'" rel="nofollow"><img alt="Castillo de Coca" src="http://preview.shareapic.net/preview3/007757807.jpg" title="Castillo mudéjar de Coca" /></a></td></tr></tbody></table></div>
Castillo de CocaCastillo de CocaCastillo de Coca

════════════════════════════════════════════ eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════

3 comentarios:

david santana dijo...

Gracias, es lo que estaba buscando

Alejandro Perea dijo...

Gracias, muy útil :)

Todo4pc@hotmail.com dijo...

Uf! que bueno lo encontré aquí. gracias amigo!!