Bug affichage likebox facebook et vidéos youtube

aka80

Juin 2013

Bonjour

Alors voilà j’ai un souci depuis ce matin sur mon site, un bug d’affichage.
Comme vous pouvez la constater sur ma page d’accueil
http://michelis.lyc.ac-amiens.fr
le bloc "likebox" de facebook à droite en bas déborde à droite mais aussi la vidéo youtube sur cette page : http://michelis.lyc.ac-amiens.fr/Re... et je n’arrive pas à trouver l’origine du bu et à le corriger !
Y en a parmi vous qui ont déjà eu ce souci ou qui ont la solution ?
Merci d’avance

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Juin 2013

Bonjour,

pour le bloc facebook, il faudrait rajouter une règle css, par exemple :
html#facebook { width:235px; }
pour la vidéo, il faudrait changer manuellement les dimensions au niveau de l’iframe :
<iframe class="youtube-player" width=xxx height=yyy>
Après ça dépend de la façon dont la vidéo est insérée : s’agit-il d’un plugin ? d’un modèle ?...
Indiquez l’intérêt que vous portez à cette réponse

0

aka80

Juin 2013

Bonjour drBouvierLeduc et merci pour cette contribution :)
Pour la vidéo j’utilise le plugin vidéo(s) que j’ai récupéré sur cette page : http://contrib.spip.net/Plugin-Video-s

J’ai constaté que c’est peu après la mise en place de ce plugin que j’ai ce bug. je ne sais pas si c’est lié. merci je vais essayer ces manip, espèrent que ça marche.
Indiquez l’intérêt que vous portez à cette réponse

0

aka80

Juin 2013

drBouvierLeduc je viens de faire les modifications mais aucun effet =/
je ne sais pas quoi faire !
j’ai aussi supprimé le contenu de /tmp à partir du ftp mais rien.
Si quelqu’un a une piste suis preneur. Merci beaucoup
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Juin 2013

Vous pouvez spécifier les dimensions de la vidéo en passant les paramètres au modèle : <videoX|hauteur=xxx, largeur=yyy>

Quant au bloc facebook, il y a peut-être également des paramètres disponibles si vous utilisez un plugin, est-ce le cas ?
Indiquez l’intérêt que vous portez à cette réponse

0

aka80

Juin 2013

non pour facebook je n’utilise pas de plugin. j’ai créé un squelette dans lequel j’ai mis ça :
<div id="likebox"> <div class="fb-like-box" style="padding:0;margin:0;" data-href="http://www.facebook.com/compte" data-width="235" data-height="242" data-show-faces="true" data-stream="false" connections="4" data-border-color="#B0CD42" data-header="true"></div> </div>
Indiquez l’intérêt que vous portez à cette réponse

0

aka80

Juin 2013

<div id="likebox"> <div class="fb-like-box" style="padding:0;margin:0;" data-href="http://www.facebook.com/compte" data-width="235" data-height="242" data-show-faces="true" data-stream="false" connections="4" data-border-color="#B0CD42" data-header="true"></div> </div>
Indiquez l’intérêt que vous portez à cette réponse

0

aka80

Juin 2013

Bonjour

Personne n’a la solution mon problème ? j’ai tout essayé mais rien le bug est toujours présent . une solution ? merci d’avance
Indiquez l’intérêt que vous portez à cette réponse

0

Suske

Juin 2013

On dirait un js qui élargit l’iframe fb parce que le conteneur est trop petit. En passant vos height:242px à 290px avec firebug (dans la likebox et l’appel de l’iframe) ça corrige chez moi.