• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 663
  • Last Modified:

Align social buttons correctly

Hello, I am trying to put social buttons facebook and tweetmeme in our site. I liked the way it's done in yahoo sites. Please look

http://finance.yahoo.com/news/General-Motors-to-test-apf-122107979.html?x=0

I looked at yahoo code, but the implementation style is very difficult to understand. It would be great if someone can help me in html/css coding.

Thanks.
0
sunseshasai
Asked:
sunseshasai
  • 3
1 Solution
 
arweeksCommented:
Have you got some code to start with that I could troubleshoot?  Or do you want to write something for you - either is OK.  What alignment issues are you having?  Up/down or left/right?
To be honest, I'd probably just use a table.  It's bad form, but it's quick and it mostly works.
0
 
sunseshasaiAuthor Commented:
Hello arweeks,

This is the code I have so far.. The issues I am having is Yahoo customized the css by changing the facebook and tweetmeme css behavior. Please check the attached image and compare with it. The code I am using is

-----------------------------
<a name="fb_share" type="button_count" share_url="http://www.yahoo.com" href="http://www.facebook.com/sharer.php">Share</a><script

src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

<script type="text/javascript">
tweetmeme_url = 'http://www.yahoo.com';
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
------------------------

Please let me know, can we have exactly they have. I liked the look and feel of that. :)

Thank You.


<a name="fb_share" type="button_count" share_url="http://www.yahoo.com" href="http://www.facebook.com/sharer.php">Share</a><script 

src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

<script type="text/javascript">
tweetmeme_url = 'http://www.yahoo.com';
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Open in new window

social.gif
0
 
arweeksCommented:
What about putting it inside a holding div, then having an adjustment div that brings the twitter one down a little?


<html>
<div class="socialbuttons">

<a name="fb_share" type="button_count" share_url="http://www.yahoo.com" href="http://www.facebook.com/sharer.php">Share</a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>

<div class="tweetAdjust" style="padding-top:3px;position:absolute">
<script type="text/javascript">
tweetmeme_url = 'http://www.yahoo.com';
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div></div>
</html>
<html>
<div class="socialbuttons">

<a name="fb_share" type="button_count" share_url="http://www.yahoo.com" href="http://www.facebook.com/sharer.php">Share</a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>

<div class="tweetAdjust" style="padding-top:3px;position:absolute">
<script type="text/javascript">
tweetmeme_url = 'http://www.yahoo.com';
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div></div>
</html>

Open in new window

0
 
arweeksCommented:
Did this resolve the issue?
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now