Alignement de boutons...

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Verrouillé
     

Auteur du sujet
cpamania
Messages : 6
Enregistré le : septembre 2012

Alignement de boutons...

Message par cpamania » ven. 21 sept. 2012 09:09

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.

Image

Voici mes codes:

Code html dans overall_header:
<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


Code css dans button.css:
/* 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.

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10863
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: Alignement de boutons...

Message par Steph » ven. 21 sept. 2012 09:19

Salut,

Le code de Google + est un peu capricieux donc essai de placer ton troisième bouton à gauche de facebook ou bien il faut jouer avec les margin

:clin:

Verrouillé

Retourner vers « Support Styles phpBB3 »