Help to make the social links 1 line

davie

Hello all and sorry to be a pain, i am a newbie when it comes to php and have to admit i am struggling.

I am currently trying to allign all the social links (facebook like, follow on twitter, and google+ button)

however i am un able to have them all in a line, instead all i can do it get them below each other

in other words i would like them horizontal but am only able to get them verticle

the code for each is

facebook like:

<iframe src="http://www.facebook.com/plugins/like.php?href=myfishforsale.co.uk&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe><table width="100%" border="0" cellpadding="0" cellspacing="0" >

twitter:

<a href="http://twitter.com/myfishforsale" class="twitter-follow-button" data-show-count="false">Follow 
@myfishforsale</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

google+:

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'en-GB'}
</script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

any help would be appreciated as i really am lost.

many thanks for your help in advance

johanafm

Look at your facebook code, or more precisely the tags used

<iframe src=""></iframe>
<table width="100%" border="0" cellpadding="0" cellspacing="0" >

You open a table element, which presumably isn't closed, and this will screw up whatever you try to do later on. Validate your code here.
Also note that tables are block elements, i.e. their display type is block by default, so a table should start on the next line. Just remove that table.

And finally make sure that all those social widgets are using the same height. Right now you set facebook to take up 35px, while twitter seem to require only 20px (which is also enough for facebook). Otherwise you'll not get them aligned vertically.

And also note that you have some stuff in the facebook widget which I assume is garbage
HTML Code:

font isn't assigned a value. Perhaps it's meant to be font-height (however that would look urlencoded, or whatever corresponding attribute name facebook recognizes. But you should probably drop all of that. And don't forget to change the inline-style height to 20px.