[Error] Botones Twitter, FB, G+ alineados...
- URL del foro: Localhost
- Versión del foro: 1.6.3
- Actualización: Ninguna
Hola, he puesto el codigo de los diferentes botones de las redes sociales, pero me salen como muy separados y mal alineados. Me gustaria tenerlos como aqui los teneis. Aqui dejo una imagen para que veais como me salen, asi como el codigo usado:
Imagen:
![[Image: IQskr.png]](http://i.imgur.com/IQskr.png)
Codigo HTML:
Quote:<iframe src="http://www.facebook.com/plugins/like.php?href=http://url de tu web/showthread.php?tid={$tid}&layout=button_count&show_faces=false&width=120&action={$rofl1}&colorscheme=light&height=20px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:20px;" allowTransparency="true"></iframe>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
Saludos!
.
Podrías usar un div y un margin.
Para agilizar la cosa te dejo el código que usamos aquí:
<div style="float: right; margin: 4px 0px;">
<ul id="compartir">
<li>
<iframe src="http://www.facebook.com/plugins/like.php?href&send=false&layout=button_count&width=90&show_faces=false&action=like&colorscheme=light&font&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px;" allowTransparency="true"></iframe>
</li>
<li>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/share?via=soportemybb" class="twitter-share-button">Tweet</a>
</li>
<li style="margin-bottom: 0;">
<g:plusone size="medium"></g:plusone>
</li>
</ul>
</div>
Ya esta! 
. He modificado un poco el asunto quitando la lista en HTML y ahora queda perfecto 
.
Gracias!.
. He modificado un poco el asunto quitando la lista en HTML y ahora queda perfecto .Gracias!
.