Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/07/2013, 03:06
Avatar de Dellamorte
Dellamorte
 
Fecha de Ingreso: julio-2013
Mensajes: 5
Antigüedad: 10 años, 10 meses
Puntos: 0
Maldito botón Google+

Hola,

estoy haciendo el footer de mi página donde van todos los botones sociales. Como por defecto no se alinean bien he creado un div para cada uno de ellos. Jugando con el padding todos me quedan bien a excepción del de Google+ que parece no afectarle ninguna regla css.

Es que no sé qué hacer...

Código HTML:
Ver original
  1. <div id="social">
  2. <div id="twitter"><a href="https://twitter.com/share" class="twitter-share-     button">Tweet</a>
  3. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
  4.  
  5. <div id="facebook"><div class="fb-follow" data-href="https://www.facebook.com" data-layout="button_count" data-show-faces="true" data-font="lucida grande" data-width="100"></div></div>
  6.  
  7. <div id="linkedin"><script src="//platform.linkedin.com/in.js" type="text/javascript">
  8.  lang: es_ES
  9. <script type="IN/Share" data-url="rsb.com" data-counter="right"></script></div>
  10.  
  11. <div id="google+"><!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
  12. <div class="g-plusone" data-href="rsbfx.com"></div>
  13.  
  14. <!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
  15. <script type="text/javascript">
  16.   window.___gcfg = {lang: 'es'};
  17.  
  18.   (function() {
  19.     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  20.     po.src = 'https://apis.google.com/js/plusone.js';
  21.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  22.   })();
  23. </script></div>
  24. </div>

Código CSS:
Ver original
  1. #pie #twitter {
  2.     float: left;
  3.     position: relative;
  4.     width: 100px;
  5.     margin-right: 5px;
  6.     left: 25px;
  7.     height: 20px;
  8.     padding-top: 7px;
  9. }
  10. #pie #facebook {
  11.     float: left;
  12.     position: relative;
  13.     width: 100px;
  14.     line-height: 15px;
  15.     height: 20px;
  16.     padding-top: 7px;
  17.     margin-left: 15px;
  18. }
  19. #pie #linkedin {
  20.     position: relative;
  21.     float: left;
  22.     width: 120px;
  23.     height: 20px;
  24.     padding-top: 7px;
  25.     margin-left: 8px;
  26. }
  27. #social {
  28.     background-color: #CBCBCB;
  29.     width: 600px;
  30.     position: static;
  31.     border-radius: 12px;
  32.     -webkit-box-shadow: 2px 2px 2px #CCCCCC;
  33.     box-shadow: 2px 2px 2px #CCCCCC;
  34.     height: 33px;
  35.     line-height: 15px;
  36.     float: right;
  37. }
  38. #google+ {
  39.     width: 130px;
  40.     height: 30px;
  41.     position: absolute;
  42.     float: left;
  43.     margin-top: 34px;
  44. }