Forum d'entraide PHPFrance

Bonjour,
Sur mon site je souhaiterai disposer en ligne 3 boutons de réseaux sociaux (Facebook, Google +1 et twitter).
J'ai réussi à disposer les 2 premiers mais malheureusement impossible d'aligner le 3ième. A chaque fois il se met sur la ligne du dessous.
Comment faire? J'ai tenté de créer une div class="container" mais ça ne marche pas.



Voici mes codes:

				<div class="container"><!-- start of container -->
				<div class="fb-like" data-href="http://www.monsite.com/" data-layout="button_count" data-width="100"></div>
				<div class="g-plusone" data-size="medium" annotation="bubble"></div>
				<a href="https://twitter.com/share" class="twitter-share-button" data-text="Mon texte" data-count="horizontal" data-via="Cpamania" data-lang="fr">Tweeter</a>				
                                                                </div><!-- end of container -->

/* Boutons Google facebook twitter */
.container {width:100%;} 
.fb-like,.g-plusone  { float:left; width:90px;} 
.twitter-share-button { padding:0 0 0 160px;}

Merci par avance pour votre aide.

Je te propose une petite modification de l'HTML :

<div class="container"><!-- start of container -->
	<div class="fb-like" data-href="http://www.monsite.com/" data-layout="button_count" data-width="100"></div>
	<div class="g-plusone" data-size="medium" annotation="bubble"></div>

	<div>
		<a href="https://twitter.com/share" class="twitter-share-button" data-text="Mon texte" data-count="horizontal" data-via="Cpamania" data-lang="fr">Tweeter</a>
	</div>
</div><!-- end of container -->

et du CSS :

.container {width:100%;}
.container div {float:left;}
.fb-like,.g-plusone  { width:90px;}
.twitter-share-button { padding:0 0 0 160px;}

Au passage ton code ne pouvait pas marcher car la balise <a> est une balise inline (sur la même ligne). Tandis que float s'applique sur les balises en mode "block" (div, p, table, ...). Tu peux modifier une balise in-line en lui attribuant un display:block; ou changer le code html (ce que j'ai fait)

Hello,
Merci pour ton aide. J'ai essayé les codes mais cela ne fonctionne pas. Twitter est récalcitrant et se met toujours une ligne en dessous.
J'ai toutefois résolu mon problème en sortant Twitter de la div container. Celui-ci apparait donc en premier sur ma ligne de boutons.
Ce n'est pas ce que je souhaitais en premier lieu...mais bon...Le résultat est propre.
Amicalement.