Aligning social networking buttons?

[UKSBD]

I'm playing around with some social networking buttons and have added some like in this example,
http://www.uksmallbusinessdirectory.co.uk/id.asp?CompanyID=81712

As you will see though they aren't aligning properly.
Anyone know how to either align them so they are all middle or lined up bottom?
I've tried putting them in a div with vertical-align:bottom but no joy.

 

[Faevilangel]

set a height and margin class to the buttons e.g

[FONT=monospace]
[/FONT].social_button {
 width:55px;
 height:20px;
}

 

[UKSBD]

I can't change any code of the buttons, thats just pulled from the relevant places.
All I really want to do is drop that tweet one down a bit

 

[Faevilangel]

I can't change any code of the buttons, thats just pulled from the relevant places.
All I really want to do is drop that tweet one down a bit

padding on the div?

 

[UKSBD]

padding on the div?

tried that allready

 

[Faevilangel]

use the code I posted above, but set it as another div e.g.

<div id="social">
 <div id="buttons">
  buttons code
 </div>
</div>

Then set the height to be exactly the same height as the images (20px) and then set the right margins for the div

 

[UKSBD]

I don't think the tweet image you see is the actual image, so isn't 20px
it's atually http://platform0.twitter.com/widgets/images/tweet.png
no idea how they do it though.

 

[Faevilangel]

I don't think the tweet image you see is the actual image, so isn't 20px
it's atually http://platform0.twitter.com/widgets/images/tweet.png
no idea how they do it though.

Its's called css sprites, shouldn't make a difference as they will set a width of the image to show...

 

[NetwiseHosting]

Hey guys,

You could possibly try replacing this:

<a href="[URL="http://www.ukbusinessforums.co.uk/forums/view-source:http://twitter.com/share"]http://twitter.com/share[/URL]" class="twitter-share-button" data-count="none" data-via="uksbd">

with this:

<a href="[URL="http://www.ukbusinessforums.co.uk/forums/view-source:http://twitter.com/share"]http://twitter.com/share[/URL]" class="twitter-share-button" data-count="none" data-via="uksbd" style="margin-top:10px">

I think that should work, worth a try anyway!

Matthew

 

[jamesjohn129]

i agree with him, thanks for sharing your knowledge.

 

[UKSBD]

I've got over it by putting the tweet button in a seperate div to the others and floating them both left.

Thanks all