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:
[Imagen: IQskr.png]

Codigo HTML:

Cita:<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í:

Código:
<div style="float: right; margin: 4px 0px;">

    <ul id="compartir">

        <li>

            <iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;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 Smile

.

Gracias! Wink

.