Facebook like button to the left of the connect button?

[JJGEight]

Hey there,

I'm trying to place a like button to the left off the connect button in the header. However I am having some difficulty doing so. So far I have tried placing the like button code before:

<vb:if condition="$vboptions['enablefacebookconnect']">

{vb:raw facebook_header}
				</vb:if>

This does place the button to the left of the connect button, however it does also push the connect button down by the height of the like box. This means half the connect button is out out view. How can I stop this from happening?

Any help would be greatly appreciated.

Josh

[kh99]

What does the code for your like button look like?

[JJGEight]

I'm just using the standard iFrame code:

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAppGabble%2F291149524274050&amp;send=false&amp;layout=button_count&amp;width=50&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=248697491832660" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>

[kh99]

I'm not an html expert or anything, but it could be because where you're putting it is between two <li> tags. Maybe try putting it in the facebook_header template after the opening <li ... tag? But that will mean that it'll be inside the <vb:if condition="$vboptions['enablefacebookconnect']"> condition.

[JJGEight]

I tried what you said again, but the same affect happens, the Facebook connect button gets pushed down, it's as if the width of the button is the maximum width anything can be in that area before a new line is formed.

[kh99]

Hmm...maybe try adding display:inline; to the iframe style attribute.