Facebook-Twitter knoppen wil ik naast elkaar

Status
Niet open voor verdere reacties.

citroens

Nieuwe gebruiker
Lid geworden
11 jul 2009
Berichten
2
Ik heb van Facebook en Twitter (en LinkedIn) de knoppen gehaald en in mijn (Joomla) module geplakt. Alleen krijg ik deze niet naast elkaar en blijven ze onder elkaar staan. Kunnen jullie me helpen? Ik heb geen verstand van HTML o.i.d.

Dit is de code die ik nu heb:

HTML:
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fease-camp.nl&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>

<a href="https://twitter.com/share" class="twitter-share-button" data-via="EaseCamp" data-related="EaseCamp" data-count="none" data-hashtags="easecamp">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<a href="https://twitter.com/EaseCamp" class="twitter-follow-button" data-show-count="false" data-lang="nl" data-show-screen-name="false">@EaseCamp volgen</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<script src="//platform.linkedin.com/in.js" type="text/javascript">
  lang: nl_NL
</script>
<script type="IN/Share" data-url="www.ease-camp.nl"></script>
 
Laatst bewerkt door een moderator:
Je zou dit kunnen proberen:

HTML:
<div style="display: inline-block;"><iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fease-camp.nl&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>
 
<a href="https://twitter.com/share" class="twitter-share-button" data-via="EaseCamp" data-related="EaseCamp" data-count="none" data-hashtags="easecamp">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<a href="https://twitter.com/EaseCamp" class="twitter-follow-button" data-show-count="false" data-lang="nl" data-show-screen-name="false">@EaseCamp volgen</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 
<script src="//platform.linkedin.com/in.js" type="text/javascript">
  lang: nl_NL
</script>
<script type="IN/Share" data-url="www.ease-camp.nl"></script></div>

Hiermee zeg je dat je de elementen naast elkaar wilt hebben.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan