28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Voila je bloque complètement.
D'abord je tiens à vous préciser que je suis une débutante : CSS3 HTML5 ça va mais je débute en JS et le php on en parle pas...
voici le site ou mon problème se pose :
http://decosolutions.s15769.adfields01.atester.fr/

En haut de la rightbar il y a un bouton "j'aime" et "partager" facebook.
La position de ces boutons est ok pour moi.
Quant on clic sur "partager" = pas de souci car la fenêtre qui s'ouvre est de type _blank et centrée dans la page.

Mais quant on clic sur "j'aime", la fenêtre est plutôt (j'ai l'impression) de type pop-up
et du coup dépasse de mon wrapper.
J'aurais aimé décaler "simplement" vers la gauche cette fenêtre à l'aide du css.
Quant j'essaye des modifications du css dans les outils de développement j'arrive à opérer certains changements mais aucun impact sur mes "vraies" feuilles.
J'ai l'impression que c'est lié à un certain like.php ...
Je suis clairement à court d'idée !

Merci par avance.
Sab
upload/57822-Capturedan.jpg
Voici un hack (pas très propre) qui provoque un décalage de l'iframe vers la gauche lorsque le popover est apparent (au clic sur le bouton j'aime), il suffit d'ajouter ce bout de CSS dans votre feuille de style :
iframe.fb_iframe_widget_lift { left: -200px; }

Du coup graphiquement ça provoque aussi un décalage des boutons d'action (j'aime & partager), donc ça n'est pas parfait, mais bon dans votre cas de figure c'est la seul astuce que je vois.
Modifié par Freez (18 Feb 2015 - 22:51)
Bonjour Freez,
c'est vraiment bien.
Je sais que l'emplacement de mes boutons n'est pas idéal de toutes manières.

Merci beaucoup !
sab