Problème placement des boutons et CSS

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by chrissou on

Bonjour @ tous, j'ai ajouté a mon site quelques boutons pour les réseaux sociaux, Tweetermeme, Facebook, et facebook share.
J'ai positionné ces boutons dans le bas de mes articles.
Mon problème est l'intégration de ces boutons sur la page.
J'aimerais que les 3 boutons se placent l'un a coté de l'autre en bas a gauche.
Malheureusement le bouton FB share ne veut pas se placer correctement !
J'ai tenté de modifier mon CSS ainsi que mon node.tpl mais rien a faire .... :'(

Voici mon code de mon node.tpl.php

<div class="social">

        <?php
        $url = url('node/' . $nid, array('absolute' => TRUE));
        echo (theme('tweetmeme_button', $url, 'compact') );
        ?>

        <?php
        $url = url('node/' . $nid, array('absolute' => TRUE));
        echo (theme('facebookshare', $url, 30, test));
        ?>

        <iframe src="http://www.facebook.com/plugins/like.php?href=<?php print $node_url ?>&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

</div>

et mon code CSS très basique :

.meta div.social {
  float: left;
}

Je n'arrive pas a m'en sortir si quelqu'un pouvait me filer un coup de pouce ca serait sympa ;)
Merci d'avance

Forum : 
Développement
Version de Drupal : 
6.x
Tags : 
css

Soumis par chrissou le 17 Septembre, 2010 - 14:08

Effectivement il y a bien un problème a ce niveau là mais ce n'est pas le seul problème a priori.
mon bouton tweet dépends du css tweetmeme mais qui est en float left.
ensuite le bouton "j'aime" dépends bien de mon div "social" mais il est englobé dans une balise

<

iframe>
mon bouton partager fait parti de la div "facebook-share" que j'ai aussi mis en float left mais ca ne change pas le problème.
J'ai toujours mon bouton partager qui se place en dessous des autres.

Etonnant aussi dans mon code du node.tpl.php j'ai bien:
1er bouton : tweet
2eme bouton : fb share
3eme bouton : j'aime

mais les boutons n'apparaissent pas dans le bon ordre ...