Página 1 de 1
los botones de redes sociales me salen desorganizados
Publicado: 05 Oct 2011, 09:38
por 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.
Re: los botones de redes sociales me salen desorganizados
Publicado: 05 Oct 2011, 17:06
por Makoto
bueno podrias proporciaonar el codigo html que usas?
Re: los botones de redes sociales me salen desorganizados
Publicado: 05 Oct 2011, 19:00
por darkacidblue
Makoto escribió: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:
la pagina es de prueba es esta:
http://darkacidblue.com.ar/forodeprueba ... p?f=16&t=3
Re: los botones de redes sociales me salen desorganizados
Publicado: 16 Oct 2011, 20:26
por darkacidblue
ayuda please....
Re: los botones de redes sociales me salen desorganizados
Publicado: 16 Oct 2011, 22:36
por nextgen
Re: los botones de redes sociales me salen desorganizados
Publicado: 16 Oct 2011, 22:50
por 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>
Re: los botones de redes sociales me salen desorganizados
Publicado: 17 Oct 2011, 20:07
por darkacidblue
Makoto escribió: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