Un problème que plusieurs blogueurs du nouvel overblog rencontrent comme je peux le constater via les commentaires sur ce blog ou le forum d'entraide entre blogueurs bénévoles : le blog ne s'affiche plus correctement avec par exemple une colonne d'articles sous la colonne des modules...

Parfois c'est juste une erreur de CSS : les colonnes sont trop larges par exemple... Avec la nouvelle plateforme, le problème peut venir d'une erreur dans le code HTML du module. Avec cette version, les modules libres se créent et se modifient en HTML (à gauche sur l'image ci-dessous). Une balise mal fermée par exemple et la structure du blog est cassée (à droite ci-dessous).

Exemple avec un module composé d'une simple image :

L'ajout d'un module en HTML dans le thème qui cause la destruction du thème

L'ajout d'un module en HTML dans le thème qui cause la destruction du thème

Le code incriminé :

 <img width="197" height="273" src="http://monimage.jpg"> </img 

La deuxième balise img est incomplète. Conséquence : les articles se retrouvent tout en bas sous les modules...... car le code est incorporé dans le thème tel quel avec l'erreur qui va perturber l'affichage du blog par le navigateur (qui est lit "bêtement" le code de la première à la dernière ligne).

Mais est-ce le cas sur les autres plateformes ?

Tout d'abord, que ce soit sur l'ancien overblog, sur Eklablog ou sur Blogger, les modules libres peuvent se modifier sans jouer avec le html. Si on le souhaite, il est possible de créer un module en entrant le code HTML. Mais si j'entre le code erronné ci-dessus, il est corrigé lors de la validation sur ces 3 plateformes. Ci-dessous, vous voyez que la balise img incomplète a disparu toute seule :

 <p><img width="197" height="273" src="http://monimage.jpg"></p> 

Cherchez l'erreur...

Là, c'est une erreur facile à repérér mais les codes des modules sont souvent plus touffus. Serez-vous trouver l'erreur dans le code suivant ?

 <div style = "text-align:center"><p style = "text-align:center"><a class="fancybox ob-media ob-img ob-media-left avatar" title="monblog" href="http://img.over-blog-kiwi.com/0/00/02/63/201207/ob_2ee72e3d027b4bc5b7f3594_overblog-spiral.jpg" rel="fancybox" sl-processed="1"> <img src="//img.over-blog-kiwi.com/70x70/0/00/02/63/201207/ob_2ee72e58dcc5d0f3d027b4bc5b7f3594_overblog-spiral.jpg" alt="moblog" width="70" align="left"></a></p><div> <p style = "text-align:center">Pour me contacter, utiliser le formulaire de contact :</p> <a href = '/contact'>Contact</a> <img src="//img.over-blog-kiwi.com/70x70/0/ob_2ee72e58dcc5d0f3d027b4bc5b7f3594_overblog-spiral.jpg" alt="moblog" width="70" align="left"> 

Vous n'avez pas trouvé ? Votre blog ne s'affichera pas correctement...

Moralité : attention quand vous modifiez un module libre sur overblog kiwi... Les règles ne tolèrent que peu d'exceptions... Si vous ne connaissez pas le HTML, choisissez une plateforme avec une création facile des modules.