Bonjour,
J'ai réalisé il y a quelques années un site pour un ami peintre.
[ Lien ]
C'était ma première rencontre avec l'HTML et CSS...
Autant dire que je l'ai fait de manière un peu naïve et pas trop évolutive
Dernièrement, cet ami m'a demandé d'ajouter des comments boxes Facebook pour plus d'interactivité.
J'ai vite pigé comment faire mais les DIV pour les commentaires FB s'insèrent pas correctement dans le flux des pages des galeries:
<img 1>
Que faire pour obtenir ceci (montage):
<img 2>
Ou quand cela s'insert pas trop mal (autres pages que galeries), évidemment elle dépasse de la DIV dans laquelle elle est inclue (même avec l'ajout d'une CLASS spécial et stupide de ma part pour les comm Facebook :-/ --> voir code <div id="allContent" class="for_comments"><!--pour les commentaires FB--> de www.ericmigom.be/fr/ ):
<img 3>
<img 4>
Je comprends bien que c'est au niveau de ma feuille de style que ça va pas (position absolute, une hauteur et largeur définie...) mais j'ai pas trop envie de refaire en partie le css du site.
Y aurait'il moyen de faire en sorte que le bonne propriété CSS soit choisie par rapport au nombre de comments Facebook ?
Par exemple, si je créée une CLASS dont la hauteur équivaut plus ou moins à la hauteur de 1 ou de 2 ou de 3,... comments FB (jusque max 5 par ex.)
Un javascript qui ferait:
si nombre comments FB=2...
div = class.2comments
si nombre comments FB=3...
div = class.3comments
si nombre comments FB=4...
div = class.4comments
etc.
pour obtenir ceci (montage):
<img 5>
<img 6>
Mon CSS peut être consulté ici:
[ Lien ]
[ Lien ]
Une autre question (si je puis me permettre ;-)), qqu'un aurait'il une idée pourquoi sur la page d'index français et néerlandais (http://www.ericmigom.be/fr/ et ... /nl), à l'apparition des comments FB, la 1er bloc texte descend et vient chevaucher le 2e?... (seulement dans IE pas dans Firefox).
<img IE>
<img firefox>
Merci pour votre aide,
V.