Twitter and LinkedIn button problems Options

[fritzbunwalla]

I am a complete newbie to HTML, I am trying to compile an EDM for work. I am dropping in the HTML code that Twitter and LinkedIn provide into the HTML builder. However, the twitter one keeps moving the text after a <script> onto the next line, which is causing the script to not work, and the LinkedIn one fails to appear when I send the newsletter to myself.

The code is as follows;

<table style="border:2px solid rgb(241, 103, 41);margin:0px auto;" border="0" cellpadding="10" cellspacing="0" width="160">
<tbody>
<tr>
<td>
<div style="text-align:center;"><a href="https://twitter.com/FIXGlobalOnline" class="twitter-follow-button" data-show-count="false">Follow @FIXGlobalOnline<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</a>
<br/><br/>
<a><script src="//platform.linkedin.com/in.js" type="text/javascript">
</script>
<script type="IN/FollowCompany" data-id="1184870" data-counter="none">
</script></a>
</div></td>
</tr>
</tbody>
</table>


Any help or thoughts greatly appreciated.

Thanks.

[pandy]

What if you remove the BR tags you've put after the Twitter button?

[fritzbunwalla]

What if you remove the BR tags you've put after the Twitter button?

It just moves the LinkedIn button so it is nudged up right underneath the Twitter one.

[pandy]

The problem can be in the HTML the scripts write. If either of the scripts put their button in a block level element, such as a DIV, the buttons would end up under each other rather than side by side.

Can you link to a page with the buttons? They usually don't work away from the page they are meant for, so it's hard to look at them offline.

[fritzbunwalla]

The problem can be in the HTML the scripts write. If either of the scripts put their button in a block level element, such as a DIV, the buttons would end up under each other rather than side by side.

Can you link to a page with the buttons? They usually don't work away from the page they are meant for, so it's hard to look at them offline.

The twitter button was generated here.

The LinkedIn one was here, although now looking at it I think I need to actually go to a different place to get the right button.

There seem to be a few people on the LinkedIn dev forum with the same issue. I am just unsure which element is going wrong, or whether it is to do with their relationship inside the HTML editor I am using to create the newsletter.

[pandy]

I meant the URL to one of your pages with the real buttons.

If it is as I suspect, maybe it works to float the buttons. Don't know. The JS is hard to untangle.

[fritzbunwalla]

I meant the URL to one of your pages with the real buttons.

If it is as I suspect, maybe it works to float the buttons. Don't know. The JS is hard to untangle.

Ah, I don't actually have the buttons on a site anywhere - I am using a third-party website to compile the newsletter using a mixture of their wysiwyg editor and the html directly.

[jackso]

Linked in

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-url="<% Response.Write(Server.UrlEncode(linkURL)); %>
Twitter
<a href="https://twitter.com/share?url=<% Response.Write(Server.UrlEncode(linkURL)); %>" class="twitter-share-button" data-lang="en">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>