Blog : help !

Voilà un moment que j’ai commencé le re-design du blog et celui-ci n’est toujours pas en place. Je suis tombé sur un problème, qui me bloque depuis un bon moment et qui m’empêche de poursuivre. J’ai pu le voir uniquement lors de la mise test du design (via l’extension theme tester).

Le nouveau design est composé de 3 colonnes (c1 à gauche, c2 à droite, et le content pour le centre) , puis j’ai travaillé à la mise en forme des articles, bref le chargement était déjà bien plus rapide qu’avec le theme actuel (ceux qui ont déjà travaillé avec moi savent que j’optimise toujours mes images au mieux).

Lorsque l’ensemble commençait à ressembler à un blog mis en forme (j’ai pas travaillé vraiment sur les autres parties pour le moment à part commencé la partie commentaire, merci Tom pour la dernière fois ;-), je te renvois à ton/tes mails), je suis tombé sur le problème suivant (cf images.)

  1. La colonne à gauche(C1) est en float:left, la droite(C2) est en float:right, puis il y a le content du centre dans lequel mon 1er article (si j’ai des images du composant NextGenGallery) apparaît un écart.
  2. Celui-ci est dût au style du composant qui possède un clear:both
  3. Si je supprime celui-ci alors l’ensemble remonte jusqu’au prochain clear:both du composant que constitue la navigation dans les images. J’ai toujours un écart entre mes images et ma navigation (les autres articles non). On remarque qu’il s’aligne sur le float:left de C1.
  4. Si je supprime ce dernier alors forcément j’ai ma navigation qui vient suivre mes images directement.
  5. Si je remets mes clear et que je supprime mes float alors le contenu au centre et correct, n’ayant plus de float, l’ensemble ce suit, et la colonne C2 est masqué par le content et/ou le C1.

Donc je suis à la recherche d’idée,  solution,  aide, étant moi même à court.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *