update...
decided that I really don't mind the two lines... would love it to be all on one line but beggars can't be choosers
however... have decided that I would like twitter and facebook buttons in there with their relative code snippets as per the facebook and twitter sites...
now.. I'm really really not into scripts... i can't make head nor tail of them but this is the problem
twitter functions and displays like a good little script
facebook functions ok but looks like a fallen woman
if you look at the top right hand of my home page
http://tonavaleting.com/ you'll see that the facebook icon doesn't align like the twitter icon does
this is the code for the upper right hand section
<div id="add-nav-handler">
<?php if($this->params->get('twitter') || $this->params->get('linkedin') || $this->params->get('RSS') || $this->params->get('facebook') || $this->params->get('blogger') || $this->params->get('myspace') ) : ?>
<div id="social">
<ul id="social-links">
<li><h4>Telephone: 07966 274165</h4></li>
<?php if($this->params->get('twitter')) : ?><li><a href="<?php echo $this->params->get('twitter'); ?>" title="Twitter" id="twitter" target="_blank">Follow Us</a></li><?php endif; ?>
<?php if($this->params->get('blogger')) : ?><li><a href="<?php echo $this->params->get('blogger'); ?>" title="Blogger" id="blogger" target="_blank">Blogger</a></li><?php endif; ?>
<?php if($this->params->get('facebook')) : ?><li><a href="<?php echo $this->params->get('facebook'); ?>" title="Facebook" id="facebook" target="_blank">Facebook</a></li><?php endif; ?>
<?php if($this->params->get('RSS')) : ?><li><a href="<?php echo $this->params->get('RSS'); ?>" title="RSS" id="rss" target="_blank">RSS</a></li><?php endif; ?>
<?php if($this->params->get('linkedin')) : ?><li><a href="<?php echo $this->params->get('linkedin'); ?>" title="Linkedin" id="linkedin" target="_blank">Linkedin</a></li><?php endif; ?>
<?php if($this->params->get('myspace')) : ?><li><a href="<?php echo $this->params->get('myspace'); ?>" title="myspace" id="myspace" target="_blank">myspace</a></li><?php endif; ?>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-via="Tona_Valeting">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></li>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</ul>
</div>
and this is the fb code that the facebook button relates to
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=107346165967904";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
so... can anyone suggest a way of tidying up pagination of the facebook icon
tia