Editeur Blogger

Dernière minute: vous connaissez mes réserves sur certains aspects de l'Intelligence Artificielle; eh bien, même Microsoft: Lien ICI

Microsoft dévoile une IA si puissante qu’il n’ose pas la proposer aux utilisateurs

Microsoft indique avoir conscience des « risques potentiels dans l’utilisation abusive du modèle, tels que l’usurpation d’identité vocale ou l’usurpation d’un orateur spécifique »

*************************************

 Un petit article, qui n'intéressera pas grand monde, hormis celles et ceux qui publient par code html/css mais qui me permettra de mettre mes idées au clair.

J'avais l'habitude des paramètres de l'éditeur html/css de Ekla et celui de Blogger semble avoir des paramètres légèrement différents.

Ainsi, lorsque je voulais centrer un paragraphe ou une image, j'écrivais:

<p style="width:100px; height:100px; border:2px solid black; margin:50px auto;">&nbsp;</p>

margin:50px auto; faisait qu'un espace de 50 px, au dessus et en dessous était paramétré.

 et auto faisait se centrer le paragraphe dans la zone article

mais, sur Blogger, ce type de centrage ne fonctionne pas car le point de référence n'est pas le même !

Si vous placez un cadre ou une image en html/css, plus grand que la zone article et selon sa largeur, compte tenu que la zone article est d'environ 700px de large, il faut adapter ce centrage en, par exemple: margin:50px 0px 50px -50px; pour obtenir un paragraphe centré, en le déplaçant vers la gauche.

****************

 D'autre part, si on place une image dans un paragraphe, l'image se positionne bien:

<div style="width:600px; height:338px; margin:50px auto; border:4px ridge grey;"><img style="width:600px; height:338px;" src="http://ekladata.com/cbTAJDHRw9dhHqfJE43-H5MEMWQ.jpg"></div>

Mais, si vous placez l'image dans un autre paragraphe, vous obtenez ceci:

<div style="width:600px; height:338px; margin:50px auto; border:4px ridge grey;"><p style="width:600px; height:338px; background:url('http://ekladata.com/cbTAJDHRw9dhHqfJE43-H5MEMWQ@600x338.jpg');">&nbsp;</p></div>

 

Avec un écart haut , sans parler de l'affichage qui, en rédaction, n'affiche pas l'image de fond et qu'il faut passer en "aperçu" pour la voir et, encore, pas dans la bonne taille !

Pas simple !

Le sujet de l'écart haut semble pouvoir être corrigé en ajoutant: margin-top:0px;

<div style="width:600px; height:338px; margin:50px auto; border:4px ridge grey;"><p style="width:600px; height:338px; margin-top:0px; background:url('http://ekladata.com/cbTAJDHRw9dhHqfJE43-H5MEMWQ@600x338.jpg'); ">&nbsp;</p></div>

 

Je suis passé en "Aperçu" pour constater que les images, que je ne vois pas en rédiger, ne sont pas au format du cadre, malgré background-size:600px 338px; ou background-size:cover; !

J'ai donc dimensionné l'image par @600x338.jpg et cela semble correct.

J'ai peur que cela ne rebute les personnes qui n'ouvrent pas l'éditeur html/css.