Como mostrar imagens de forma quadrada no Blogger?

  • Autor Autor zizublade
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Z

zizublade

Delta
Usuário com poucas negociações! Use sempre o saldo do 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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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
 
Voltar
Topo