# Testing Facebook Share and AddThis buttons

**URL:** <https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363>\
**Category:** About This Message Board\
**Created:** [May 13, 2010, 11:52pm UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363 "2010-05-13T23:52:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 13, 2010, 11:52pm UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/1 "2010-05-13T23:52:13Z")

</div>

We want you to spread the SDMB love, and so we’re testing the Facebook Share and AddThis buttons on the SDMB. You should see them at the top of each thread now.

Feedback appreciated.

- **xash**  
Administrator

---

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 14, 2010, 12:18am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/2 "2010-05-14T00:18:56Z")

</div>

I like the Share/Email option. It even uses Gmail to compose an email for me. Neat.

To use Gmail (or any other provider, or Outlook) to email a thread:

1. Click the orange +Share button
2. Click Email
3. Click the Gmail icon (or appropriate icon) at the bottom (just right of More)
4. It will create an email with the subject and link pre-composed

---

<div class="post-metadata">

**Author:** ![Idle\_Thoughts](https://avatars.discourse-cdn.com/v4/letter/i/838e76/32.png) [@Idle\_Thoughts](https://boards.straightdope.com/u/Idle_Thoughts)\
**Post date:** [May 14, 2010, 12:57am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/3 "2010-05-14T00:57:07Z")

</div>

Works great. I just did it.

---

<div class="post-metadata">

**Author:** ![Hal\_Briston](https://avatars.discourse-cdn.com/v4/letter/h/a9a28c/32.png) [@Hal\_Briston](https://boards.straightdope.com/u/Hal_Briston)\
**Post date:** [May 14, 2010, 1:11am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/4 "2010-05-14T01:11:04Z")

</div>

> [@Idle\_Thoughts](#):
>
> Works great. I just did it.

Yep…just jumped to the thread via your link. Very nice.

---

<div class="post-metadata">

**Author:** ![MsWhatsit](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MsWhatsit](https://boards.straightdope.com/u/MsWhatsit)\
**Post date:** [May 14, 2010, 1:17am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/5 "2010-05-14T01:17:53Z")

</div>

FYI, on my screen the Share text next to the orange button is overlapping the adjacent box and the text reading “Thread tools.” Firefox 3.5.9, Windows XP.

---

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 14, 2010, 1:20am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/6 "2010-05-14T01:20:49Z")

</div>

> [@MsWhatsit](#):
>
> FYI, on my screen the Share text next to the orange button is overlapping the adjacent box and the text reading “Thread tools.” Firefox 3.5.9, Windows XP.

Can you get a screenshot and post it to [www.tinypic.com](http://www.tinypic.com)?

---

<div class="post-metadata">

**Author:** ![Alienhand](https://avatars.discourse-cdn.com/v4/letter/a/8edcca/32.png) [@Alienhand](https://boards.straightdope.com/u/Alienhand)\
**Post date:** [May 14, 2010, 1:36am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/7 "2010-05-14T01:36:55Z")

</div>

> [@xash](#):
>
> Can you get a screenshot and post it to [www.tinypic.com](http://www.tinypic.com)?

[screenshot](http://i41.tinypic.com/168yn10.jpg)

WinXP, Firefox 3.6.3 (Chrome looks fine)

---

<div class="post-metadata">

**Author:** ![Dewey\_Finn](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/dewey_finn/32/4222_2.png) [@Dewey\_Finn](https://boards.straightdope.com/u/Dewey_Finn)\
**Post date:** [May 14, 2010, 1:45am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/8 "2010-05-14T01:45:02Z")

</div>

For what it’s worth, the text overlaps on my screen in exactly the same way. (Windows XP, Firefox 3.6.3, screen resolution of 1280x768.)

---

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 14, 2010, 1:58am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/9 "2010-05-14T01:58:26Z")

</div>

Can you check now? Is it the same?

---

<div class="post-metadata">

**Author:** ![Dewey\_Finn](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/dewey_finn/32/4222_2.png) [@Dewey\_Finn](https://boards.straightdope.com/u/Dewey_Finn)\
**Post date:** [May 14, 2010, 2:01am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/10 "2010-05-14T02:01:03Z")

</div>

Still looks the same (for me at least).

Edited to add that it looks OK for a moment, until the + symbol appears. Then the window is too crowded.

---

<div class="post-metadata">

**Author:** ![gardentraveler](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/gardentraveler/32/3576_2.png) [@gardentraveler](https://boards.straightdope.com/u/gardentraveler)\
**Post date:** [May 14, 2010, 2:05am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/11 "2010-05-14T02:05:11Z")

</div>

Same overlap as **Ms Whatsit** and **Alienhand** in Firefox 3.6.3 running under OS X 10.4.11 as well as Vista.

IE 8 under Vista has [even more of an overlap than Firefox](http://tinypic.com/r/13znae1/5).

Safari 4.0.5 (4531.22.7) under OS X looks fine.

Chrome under Vista looks fine.

On preview: Just checked Firefox again and it still looks the same.

GT

---

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 14, 2010, 2:15am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/12 "2010-05-14T02:15:09Z")

</div>

OK, I think I fixed it. Please confirm. I added hidden white space at the end of the Share button so it doesn’t overlap.

---

<div class="post-metadata">

**Author:** ![Alienhand](https://avatars.discourse-cdn.com/v4/letter/a/8edcca/32.png) [@Alienhand](https://boards.straightdope.com/u/Alienhand)\
**Post date:** [May 14, 2010, 2:19am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/13 "2010-05-14T02:19:25Z")

</div>

Looks correct for me.

---

<div class="post-metadata">

**Author:** ![ultrafilter](https://avatars.discourse-cdn.com/v4/letter/u/3d9bf3/32.png) [@ultrafilter](https://boards.straightdope.com/u/ultrafilter)\
**Post date:** [May 14, 2010, 2:19am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/14 "2010-05-14T02:19:59Z")

</div>

> [@xash](#):
>
> OK, I think I fixed it. Please confirm. I added hidden white space at the end of the Share button so it doesn’t overlap.

It’s fine now when you’re not mousing over it, but the whitespace gets underlined when you do.

---

<div class="post-metadata">

**Author:** ![MsWhatsit](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MsWhatsit](https://boards.straightdope.com/u/MsWhatsit)\
**Post date:** [May 14, 2010, 2:21am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/15 "2010-05-14T02:21:52Z")

</div>

> [@ultrafilter](#):
>
> It’s fine now when you’re not mousing over it, but the whitespace gets underlined when you do.

Same as he said.

---

<div class="post-metadata">

**Author:** ![gardentraveler](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/gardentraveler/32/3576_2.png) [@gardentraveler](https://boards.straightdope.com/u/gardentraveler)\
**Post date:** [May 14, 2010, 2:26am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/16 "2010-05-14T02:26:02Z")

</div>

I’ll third the fine, but whitespace underlined during mouseover.

Doesn’t hurt the functionality, though. I successfully tweeted from the Share button.

---

<div class="post-metadata">

**Author:** ![Todderbob](https://avatars.discourse-cdn.com/v4/letter/t/e47774/32.png) [@Todderbob](https://boards.straightdope.com/u/Todderbob)\
**Post date:** [May 14, 2010, 2:30am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/17 "2010-05-14T02:30:20Z")

</div>

I’d be fine, if it was less ugly. Less ugly please.

---

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 14, 2010, 3:08am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/18 "2010-05-14T03:08:01Z")

</div>

> [@ultrafilter](#):
>
> It’s fine now when you’re not mousing over it, but the whitespace gets underlined when you do.

Yeah, I’m not sure how to fix it, although it is a minor issue.

If there are some HTML gurus in the house who have an idea about why this is happening in Firefox (only, it seems) and how to fix it, let me know. Here’s the code I’m currently using:

```php

<!-- Facebook Share Button BEGIN -->
<td class="vbmenu_control" id="fbshare" nowrap="nowrap">
<a name="fb_share"></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</td>
<!-- Facebook Share Button END -->

<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">

<div class="addthis_toolbox addthis_default_style">
<a href="http://www.addthis.com/bookmark.php?v=250&username=xashaddthis" class="addthis_button_compact">Share      </a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xashaddthis"></script>
</td>
<!-- AddThis Button END -->

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">
		<a href="$show[nojs_link]#goto_threadtools"<if condition="is_browser('ie')"> accesskey="3"</if>>$vbphrase[thread_tools]</a>
		<if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("threadtools"); </script></if>
	</td>

```

---

<div class="post-metadata">

**Author:** ![xash](https://avatars.discourse-cdn.com/v4/letter/x/c6cbf5/32.png) [@xash](https://boards.straightdope.com/u/xash)\
**Post date:** [May 14, 2010, 3:42am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/19 "2010-05-14T03:42:55Z")

</div>

> [@Todderbob](#):
>
> I’d be fine, if it was less ugly. Less ugly please.

Specifically, what do you find ugly? I can change some stuff, for example a smaller Facebook icon, or different AddThis icons (they’re all ugly, I used the simplest one which is the orange plus sign).

ETA: And Facebook is included in the second button, so maybe I’ll remove the Facebook button after a while.

---

<div class="post-metadata">

**Author:** ![BigT](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/bigt/32/12044_2.png) [@BigT](https://boards.straightdope.com/u/BigT)\
**Post date:** [May 14, 2010, 3:53am UTC](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363/20 "2010-05-14T03:53:08Z")

</div>

> [@xash](#):
>
> Yeah, I’m not sure how to fix it, although it is a minor issue.
> 
> If there are some HTML gurus in the house who have an idea about why this is happening in Firefox (only, it seems) and how to fix it, let me know. Here’s the code I’m currently using:
> 
> ```php
> 
> <!-- Facebook Share Button BEGIN -->
> <td class="vbmenu_control" id="fbshare" nowrap="nowrap">
> <a name="fb_share"></a>
> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
> </td>
> <!-- Facebook Share Button END -->
> 
> <!-- AddThis Button BEGIN -->
> <td class="vbmenu_control" id="addthis" nowrap="nowrap">
> 
> <div class="addthis_toolbox addthis_default_style">
> <a href="http://www.addthis.com/bookmark.php?v=250&username=xashaddthis" class="addthis_button_compact">Share      </a>
> </div>
> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xashaddthis"></script>
> </td>
> <!-- AddThis Button END -->
> 
> <td class="vbmenu_control" id="threadtools" nowrap="nowrap">
> <a href="$show[nojs_link]#goto_threadtools"<if condition="is_browser('ie')"> accesskey="3"</if>>$vbphrase[thread_tools]</a>
> <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("threadtools"); </script></if>
> </td>
> 
> ```

Can you not just put all the &nbsp; entities outside of the tag? You know:

 

```auto

<a href="http://www.addthis.com/bookmark.php?v=250&username=xashaddthis" class="addthis_button_compact">Share</a>      

```

[Next page](https://boards.straightdope.com/t/testing-facebook-share-and-addthis-buttons/539363.md?page=2)