Cómo alinear elementos en una tabla de forma exacta

Geg1 Seguir

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
Quiero alinear el texto y estos botones sociales que queden alineados exactamentes! como hago?

HTML:
<table border="0" cellpadding="9" align="center">
  <tr aling="rigth">
    <th>¡Compartime!</th>
    <td><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fcompartimepuntocom&amp;width=100&amp;layout=button&amp;action=recommend&amp;show_faces=false&amp;share=false&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowtransparency="true"></iframe></td>
<td><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.compartime.com/" data-text="¡Miren estas historias!" data-lang="es" data-count="none" data-hashtags="Compartime.com">Twittear</a>
<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></td>
    <td><!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
<div class="g-plusone" data-size="tall" data-annotation="none"></div>

<!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></td>
  </tr>
</table>
 

Galbatorix

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 May 2013
Mensajes
1.231
Agrega esto a tu hoja de estilos:

Insertar CODE, HTML o PHP:
#___plusone_0, #___plusone_0 iframe { display:inline !important;
 height:23px  !important;
}
 

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
Agrega esto a tu hoja de estilos:

Insertar CODE, HTML o PHP:
#___plusone_0, #___plusone_0 iframe { display:inline !important;
 height:23px  !important;
}
Es blogger y no me funciona :S
 

Galbatorix

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 May 2013
Mensajes
1.231
Pero los pongo en "Añadir elementos CSS" en "Personalizar" y no funciona.
debe ser que la tabla no reconoce ese codigo !??

Nada que ver. Los estilos que puse no se aplican a la tabla. Tu tabla no está identificada y los elementos que puse se aplican al id ___plusone_0 y a los iframe bajo ese elemento. Además agrego una flag !important para que tengan preminencia sobre cualquier otro estilo. Ningún elemento de la tabla (table, tr, th, td, thead, tbody) se ve afectado por el estilo.

Verifica el lugar dónde los colocas o la forma en la que lo haces.
 

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
Nada que ver. Los estilos que puse no se aplican a la tabla. Tu tabla no está identificada y los elementos que puse se aplican al id ___plusone_0 y a los iframe bajo ese elemento. Además agrego una flag !important para que tengan preminencia sobre cualquier otro estilo. Ningún elemento de la tabla (table, tr, th, td, thead, tbody) se ve afectado por el estilo.

Verifica el lugar dónde los colocas o la forma en la que lo haces.
Lo añadio en el css de la plantilla! pero no he notado cambios.
perdoname es que no tengo mucha idea de estilos!
 
Arriba