Como alinhar elementos em uma tabela de forma exata

  • Autor Autor Geg1
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Geg1

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Binance
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>
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Agrega esto a tu hoja de estilos:

Inserir CODE, HTML ou PHP:
#___plusone_0, #___plusone_0 iframe { display:inline !important;
 height:23px  !important;
}
 
Agrega esto a tu hoja de estilos:

Inserir CODE, HTML ou PHP:
#___plusone_0, #___plusone_0 iframe { display:inline !important;
 height:23px  !important;
}
Es blogger y no me funciona :S
 
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.
 
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!
 
Voltar
Topo