¿Cómo mostrar imágenes de forma cuadrada en Blogger?

  • Autor Autor zizublade
  • Fecha de inicio Fecha de inicio
Z

zizublade

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola forobetas, tengo el siguiente problema, tengo éste código, mi plataforma es Blogger:

<hr aling="left" />
<div class="widget inner widget_text">
<h2>Web Amigas:</h2>
<div class="textwidget clearfix">
<div id="wp125adwrap_2c">
<div class="wp125ad odd"><a href="http://www.todoblogger.com/" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
<div class="wp125ad even"><a href="http://www.todoblogger.com/" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
<div class="wp125ad odd"><a href="http://www.todoblogger.com/" title="Blog de Alevsk" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="Blog de Alevsk" /></a></div>
<div class="wp125ad even"><a href="http://www.todoblogger.com/" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
</div></div></div>

Las imágenes como ven son cuatro, y deben mostrarse en pares de 2, como si estuvieran haciendo un cuadrado, el problema es que al añadirlo al gadget, las 4 se muestra de forma vertical y me ocupa mucho espacio hacia abajo. Alguien sabe el código para que se muestren en pares de 2, así como en esta página

Blogger Templates
 
Prueba a eliminar los <div> que separan los enlaces, quedaria asi:

<hr aling="left" />
<div class="widget inner widget_text">
<h2>Web Amigas:</h2>
<div class="textwidget clearfix">
<div id="wp125adwrap_2c">
<div class="wp125ad odd"><a href="http://www.todoblogger.com/" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a><a href="http://www.todoblogger.com/" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
<div class="wp125ad even"><a href="http://www.todoblogger.com/" title="Blog de Alevsk" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="Blog de Alevsk" /></a><a href="http://www.todoblogger.com/" ><img src="http://www.todoblogger.com/wp-content/plugins/wp125/youradhere.jpg" alt="" /></a></div>
</div></div></div>

o la otra manera que tienes es conservar el codigo como lo tenias y cambiar el css:

.odd {
display:inline;​
}
 
claro, funcionó, gracias Gonzalo Nandez
 
Atrás
Arriba