los botones de redes sociales me salen desorganizados

[darkacidblue]

hola, a este momento llevo 3 horas tratando de solucionar esto:



no entiendo porque el tercer boton me sale en la mitad vertical de la pagina, deberia salir debajo del boton de facebook.
sale asi:


lo quiero asi:



Ademas me guastaria que hubiese un "renglon en blanco" entre el titulo del tema y el primer boton pero no he podido dar con como hacerlo.
sale asi:


lo quiero asi:



Tambien me gustaria que los botones no quedaran tan pegados.
sale asi:


lo quiero asi:



en fin lo que quiero es mas o menos algo como esto:



espero que me puedan hechar una mano al menos para que todos los botones me queden a la izquierda uno debajo del otro verticalmente (que no quede ninguno en la mitad vertical)


mil gracias.

[Makoto]

bueno podrias proporciaonar el codigo html que usas?

[darkacidblue]

bueno podrias proporciaonar el codigo html que usas?

bueno, este es el codigo que deseo poner:

del twitter:

Código: Seleccionar todo

	<a href="https://twitter.com/twitter" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Segui @twitter</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>

del facebook:

Código: Seleccionar todo

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="lucida grande"></div>

del buzz:

Código: Seleccionar todo

<a title="Publicar en Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="es"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

del google +1:

Código: Seleccionar todo

<g:plusone></g:plusone>

la pagina es de prueba es esta: http://darkacidblue.com.ar/forodeprueba ... p?f=16&t=3

[darkacidblue]

ayuda please....

[nextgen]

http://www.phpbb-es.com/foro/rules/index.php#rule1h

[Makoto]

prueba colocando este codigo

Código: Seleccionar todo

	<table width="100%" cellspacing="1">
		<tr>
			<td align="left" valign="middle"><a href="https://twitter.com/twitter" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Segui @twitter</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></td>
		</tr>
		<tr>
			<td align="left" valign="middle"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="lucida grande"></div></td>
		</tr>
		<tr>
			<td align="left" valign="middle"><a title="Publicar en Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="es"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></td>
		</tr>
		<tr>
			<td align="left" valign="middle"><g:plusone></g:plusone></td>
		</tr>
		</table>

[darkacidblue]

prueba colocando este codigo

Código: Seleccionar todo

	<table width="100%" cellspacing="1">
		<tr>
			<td align="left" valign="middle"><a href="https://twitter.com/twitter" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Segui @twitter</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></td>
		</tr>
		<tr>
			<td align="left" valign="middle"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="lucida grande"></div></td>
		</tr>
		<tr>
			<td align="left" valign="middle"><a title="Publicar en Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="es"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></td>
		</tr>
		<tr>
			<td align="left" valign="middle"><g:plusone></g:plusone></td>
		</tr>
		</table>

Excelente, mil gracias